.e_FlowCommonStyleBox-001 {
width: 100%;
height: auto;
}
.e_FlowCommonStyleBox-001 .stylebox_link {
color: #666666;
font-size: 14px;
display: table;
height: inherit;
border-width: 0;
float: right;
vertical-align: middle;
margin-right: 15px;
}
.e_FlowCommonStyleBox-001 .stylebox_link:hover {
color: rgba(101, 190, 186, 1);
}
.e_FlowCommonStyleBox-001 .stylebox_link:active {
color: rgba(101, 190, 186, 1);
}
.e_FlowCommonStyleBox-001 .stylebox_top {
width: auto;
height: 40px;
background-color: #1890FF;
}
.e_FlowCommonStyleBox-001 .title_icon {
display: inline-block;
vertical-align: middle;
line-height: 40px;
color: rgba(255, 255, 255, 1);
margin-right: 10px;
font-size: medium;
}
.e_FlowCommonStyleBox-001 .title_icon::before {
content: "";
}
.e_FlowCommonStyleBox-001 .title_main {
display: inline-block;
vertical-align: middle;
line-height: 40px;
color: rgba(255, 255, 255, 1);
font-weight: normal;
font-size: 16px;
max-width: 600px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.e_FlowCommonStyleBox-001 .title_sub {
display: inline-block;
vertical-align: middle;
line-height: 40px;
color: rgba(255, 255, 255, 1);
font-size: 14px;
font-weight: normal;
margin-left: 10px;
}
.e_FlowCommonStyleBox-001 .stylebox_title {
display: inline-block;
width: auto;
height: inherit;
background-color: #1890FF;
padding-left: 15px;
padding-right: 15px;
font-size: 0;
vertical-align: bottom;
white-space: nowrap;
}
.e_FlowCommonStyleBox-001 .stylebox_link a {
color: inherit;
display: table-cell;
vertical-align: middle;
}
.e_FlowCommonStyleBox-001 .link_icon {
display: inline-block;
margin-left: 5px;
}
.e_FlowCommonStyleBox-001 .link_icon::before {
content: '\e6af';
}
.e_FlowCommonStyleBox-001 .stylebox_top_line {
height: 1px;
background-color: rgba(240, 240, 240, 1);
}
.e_FlowCommonStyleBox-001 .stylebox_content {
border-style: solid;
border-width: 1px;
border-color: #f0f0f0;
width: 100%;
}
.e_FlowCommonStyleBox-001 .stylebox_bottom_line {
height: 1px;
background-color: rgba(240, 240, 240, 1);
}
@media only screen and (max-width: 768px) {
.c_portalResProduct_list-01001 {
overflow: hidden;
width: 100%;
height: auto;
min-width: 640px;
margin-left: 0;
margin-right: 0;
}
.c_portalResProduct_list-01001 .p_ProductList {
margin: 0;
width: auto;
height: auto;
padding: 0;
overflow: hidden;
background-color: transparent;
white-space: normal;
font-size: 0;
}
.c_portalResProduct_list-01001 .p_categorySummaryBox {
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.c_portalResProduct_list-01001 .p_categorySummary {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 22px;
text-align: left;
vertical-align: top;
word-break: break-all;
}
.c_portalResProduct_list-01001 .p_sort {
margin: 0;
width: auto;
height: auto;
padding: 0 15px;
overflow: hidden;
font-size: 16px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 10px solid #F5F5F5;
}
.c_portalResProduct_list-01001 .d_sortBtn {
-webkit-flex: 1.5;
flex: 1.5;
-webkit-box-flex: 1.5;
-moz-box-flex: 1.5;
-ms-flex: 1.5;
display: block;
position: relative;
width: 100%;
line-height: 40px;
text-align: center;
}
.c_portalResProduct_list-01001 .d_sortBtn:hover,
.c_portalResProduct_list-01001 .d_sortBtn:active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .d_sortBtn.active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .p_default {
-webkit-flex: 1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
}
.c_portalResProduct_list-01001 .d_sortBtn:lang(active) {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child {
display: none;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont {
display: inline-block;
font-size: 12px;
width: 0;
height: 0;
margin: 5px 0 0 3px;
font: 0/0 arial;
vertical-align: middle;
border: 5px dashed transparent;
border-top: 5px solid rgba(0, 0, 0, 0.45);
text-align: center;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before {
content: "\e69a";
line-height: 30px;
}
.c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont,
.c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont,
.c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont {
color: #1890FF;
border-top-color: #1890FF;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow {
margin-top: 0;
border-top: 0 none;
border-bottom: 5px solid rgba(0, 0, 0, 0.45);
}
.c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before {
content: "\e69c";
}
.c_portalResProduct_list-01001 .p_default .font .iconfont {
display: none;
}
.c_portalResProduct_list-01001 .p_products {
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
white-space: normal;
}
.c_portalResProduct_list-01001 .p_Product {
position: relative;
display: inline-block;
vertical-align: top;
width: calc((100% - 0px)/1) !important;
padding: 15px 15px 0;
height: inherit;
}
.c_portalResProduct_list-01001 .p_ProductInner {
width: 100%;
padding: 0 0 15px;
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
box-sizing: content-box;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c_portalResProduct_list-01001 .p_Product:last-of-type .p_ProductInner {
border: 0 none;
}
.c_portalResProduct_list-01001 .p_images {
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
overflow: hidden;
webkit-flex: 1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
}
.c_portalResProduct_list-01001 .p_image {
width: 100%;
height: 100%;
overflow: hidden;
}
.c_portalResProduct_list-01001 .p_imagesPc {
display: none;
}
.c_portalResProduct_list-01001 .p_linkB {
width: inherit;
height: inherit;
display: block;
position: static;
}
.c_portalResProduct_list-01001 .p_image {
width: 100%;
height: 100%;
padding: 0;
}
.c_portalResProduct_list-01001 .p_ThumbnailBox {
display: none;
}
.c_portalResProduct_list-01001 .d_articles {
height: auto;
width: auto;
padding: 0 0 0 15px;
margin: 0;
overflow: hidden;
-webkit-flex: 2.4;
flex: 2.4;
-webkit-box-flex: 2.4;
-moz-box-flex: 2.4;
-ms-flex: 2.4;
}
.c_portalResProduct_list-01001 .d_HeadBox {
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_title {
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
font-weight: 400;
cursor: pointer;
line-height: 22px;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .p_TagBox {
position: absolute;
top: 0;
right: 0;
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
display: none;
}
.c_portalResProduct_list-01001 .p_tag {
float: left;
margin: 0 5px 0 5px;
padding: 0;
border-width: 1px;
border-style: none;
border-color: transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001 .p_tag:hover {
border-width: 1px;
border-style: none;
border-color: transparent;
}
.c_portalResProduct_list-01001 .p_tag:active {
border-width: 1px;
border-style: none;
border-color: transparent;
}
.c_portalResProduct_list-01001 .d_item {
width: auto;
height: auto;
margin: 5px 0;
padding: 0;
vertical-align: middle;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_item .d_itemLable {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
font-size: 14px;
}
.c_portalResProduct_list-01001 .d_item .d_itemValue {
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
.c_portalResProduct_list-01001 .p_salePricePc,
.c_portalResProduct_list-01001 .p_NomBoxPc {
display: none;
}
.c_portalResProduct_list-01001 .d_SummaryBox {
margin: 5px 0;
width: auto;
height: auto;
padding: 0;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_summary {
color: #999;
font-size: 12px;
line-height: 20px;
text-align: left;
vertical-align: top;
word-break: break-all;
}
.c_portalResProduct_list-01001 .d_SalePrice {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .p_priceUnit::before {
content: "\e6d7";
}
.c_portalResProduct_list-01001 .p_interaction {
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
word-break: break-all;
white-space: normal;
font-size: 14px;
}
.c_portalResProduct_list-01001 .p_interaction .btn-default {
display: inline-block;
margin: 5px 0 0;
}
.c_portalResProduct_list-01001 .p_keyword {
display: inline-block;
padding-right: 5px;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
}
@media only screen and (min-width: 769px) {
.c_portalResProduct_list-01001 {
overflow: hidden;
width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
}
.c_portalResProduct_list-01001 .p_ProductList {
width: auto;
height: auto;
overflow: hidden;
white-space: normal;
font-size: 0;
padding: 20px 25px;
}
.c_portalResProduct_list-01001 .p_categorySummaryBox {
padding: 0 0 20px;
margin: 0 0 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.c_portalResProduct_list-01001 .p_categorySummary {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 22px;
text-align: left;
vertical-align: top;
word-break: break-all;
}
.c_portalResProduct_list-01001 .p_sort {
margin: 0 0 10px;
width: auto;
height: auto;
padding: 0 0 0 1px;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
clear: both;
font-size: 14px;
}
.c_portalResProduct_list-01001 .d_sortBtn {
position: relative;
float: left;
height: 30px;
margin: 0 0 0 -1px;
line-height: 30px;
text-align: left;
padding-left: 15px;
padding-right: 30px;
background-color: rgba(255, 255, 255, 1);
border-width: 1px;
border-style: solid;
border-color: #D9D9D9;
cursor: pointer;
color: rgba(0, 0, 0, 0.65);
}
.c_portalResProduct_list-01001 .d_sortBtn:hover,
.c_portalResProduct_list-01001 .d_sortBtn:active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .d_sortBtn.active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .p_default {
padding-right: 15px;
}
.c_portalResProduct_list-01001 .d_sortBtn:lang(active) {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child {
display: none;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont {
display: inline-block;
position: absolute;
top: 0;
right: 8px;
font-size: 12px;
color: rgba(0, 0, 0, 0.65);
text-align: center;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before {
content: "\e69a";
line-height: 30px;
}
.c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont,
.c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont,
.c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont {
color: #1890FF;
}
.c_portalResProduct_list-01001 .d_sortBtn .font .arrow {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before {
content: "\e69a";
}
.c_portalResProduct_list-01001 .p_default .iconfont.arrow {
display: none;
}
.c_portalResProduct_list-01001 .p_products {
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
white-space: normal;
}
.c_portalResProduct_list-01001 .p_Product {
position: relative;
display: inline-block;
vertical-align: top;
width: calc((100% - 0px)/3);
padding: 10px;
height: inherit;
}
.c_portalResProduct_list-01001 .p_ProductInner {
width: 100%;
padding: 0 0 5px;
box-sizing: content-box;
}
.c_portalResProduct_list-01001 .p_ProductInner:hover {
border-width: 3px;
border-color: #1890FF;
margin: -2px;
}
.c_portalResProduct_list-01001 .p_images {
position: relative;
width: 100%;
height: 188px;
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
overflow: hidden;
}
.c_portalResProduct_list-01001 .p_imagesMo {
display: none;
}
.c_portalResProduct_list-01001 .p_linkB {
width: inherit;
height: inherit;
display: block;
position: static;
}
.c_portalResProduct_list-01001 .p_image {
width: 100%;
height: 100%;
padding: 0;
}
.c_portalResProduct_list-01001 .p_ThumbnailBox {
position: absolute;
left: 0;
bottom: 1px;
z-index: 10;
width: 236px;
height: auto;
padding: 0;
overflow: hidden;
height: auto;
}
.c_portalResProduct_list-01001 .p_ThumbnailBox .p_thumbnail {
position: relative;
width: 42px;
height: 34px;
float: left;
margin: 0 2px;
max-width: 42px;
max-height: 34px;
overflow: hidden;
border: 2px solid rgba(0, 0, 0, .45)
}
.c_portalResProduct_list-01001 .p_ThumbnailBox .p_thumbnail:hover {
border-color: rgba(255, 255, 255, .7)
}
.c_portalResProduct_list-01001 .d_articles {
height: auto;
width: auto;
padding: 0 0 0 15px;
margin: 0;
overflow: hidden;
-webkit-flex: 2.4;
flex: 2.4;
-webkit-box-flex: 2.4;
-moz-box-flex: 2.4;
-ms-flex: 2.4;
}
.c_portalResProduct_list-01001 .d_HeadBox {
margin: 5px 0 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_title {
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
font-weight: 400;
cursor: pointer;
line-height: 22px;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .p_TagBox {
position: absolute;
top: 0;
right: 0;
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001 .p_tag {
float: left;
margin: 0 5px 0 5px;
padding: 0;
border-width: 1px;
border-style: none;
border-color: transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001 .p_tag:hover {
border-width: 1px;
border-style: none;
border-color: transparent;
}
.c_portalResProduct_list-01001 .p_tag:active {
border-width: 1px;
border-style: none;
border-color: transparent;
}
.c_portalResProduct_list-01001 .d_item {
width: auto;
height: auto;
margin: 5px 0;
padding: 0;
vertical-align: middle;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_item .d_itemLable {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
font-size: 14px;
}
.c_portalResProduct_list-01001 .d_item .d_itemValue {
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
.c_portalResProduct_list-01001 .p_salePriceMo,
.c_portalResProduct_list-01001 .p_NomBoxMo {
display: none;
}
.c_portalResProduct_list-01001 .d_SummaryBox {
margin: 5px 0;
width: auto;
height: auto;
padding: 0;
overflow: hidden;
}
.c_portalResProduct_list-01001 .d_summary {
line-height: 20px;
text-align: left;
vertical-align: top;
word-break: break-all;
}
.c_portalResProduct_list-01001 .d_SalePrice {
display: inline-table;
margin: 0;
padding: 0;
text-align: left;
vertical-align: middle;
}
.c_portalResProduct_list-01001 .p_priceUnit::before {
content: "\e6d7";
}
.c_portalResProduct_list-01001 .p_interaction {
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: transparent;
overflow: hidden;
word-break: break-all;
white-space: normal;
font-size: 14px;
}
.c_portalResProduct_list-01001 .p_interaction .btn-default {
display: inline-block;
margin: 5px 0 0;
}
.c_portalResProduct_list-01001 .p_keyword {
display: inline-block;
padding-right: 5px;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {}
.jpInnerProLeft img {
width: 100%;
}
.jpInnerProSumBox {
font-size: 0px;
font-family: MicrosoftYaHei;
padding: 30px;
background: #f1f1f1;
color: #666666;
margin-bottom: 20px;
}
.jpInnerProContent>div {
display: inline-block;
vertical-align: top;
}
.jpInnerProRight {
width: calc(100% - 350px);
padding-left: 35px;
}
.jpInnerProTitle {
font-size: 18px;
line-height: 50px;
border-bottom: 1px solid #42b34c;
display: inline-block;
margin-bottom: 15px;
}
.jpInnerProSumTxt {
font-size: 16px;
line-height: 30px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
@media only screen and (max-width: 768px) {
.jpInnerProSumBox {
padding: 0px;
}
.jpInnerProContent {
padding: 15px;
}
.jpInnerProContent>div {
display: block;
width: 100%;
padding: 0px;
}
}
@media only screen and (max-width: 768px) {
.c_portalResPublic_codeContainer-01001 {
min-height: 500px;
width: 100%;
}
}
@media only screen and (min-width: 769px) {
.c_portalResPublic_codeContainer-01001 {
min-height: 500px;
width: 100%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
.jp_zxCateBox {
text-align: center;
text-align-last: center;
position: relative;
min-height: 60px;
margin: 80px 0px 40px 0px;
}
.jp_zxCateBoxContent {
display: inline-block;
width: auto;
position: relative;
}
.jp_zxCateCn {
font-family: MicrosoftYaHei;
font-size: 36px;
line-height: 30px;
right: 0px;
bottom: -18px;
left: 0px;
z-index: 1;
position: absolute;
font-weight: bold;
color: #333333;
}
.jp_zxCateCn span {
color: #004fac;
}
.jp_zxCateEn {
font-size: 3.8rem;
font-weight: 900;
font-family: ArialMT;
line-height: 26px;
color: #f1f1f1;
text-transform: uppercase;
}
@media only screen and (min-width: 769px) {
.jp_zxCateBoxContent:before {
content: "";
display: inline-block;
position: absolute;
left: -20px;
top: 20px;
width: 35px;
height: 35px;
background: rgb(3, 77, 174, 0.2);
}
.jp_zxCateEn:before {
content: "";
display: inline-block;
width: 25px;
height: 25px;
background: rgb(3, 77, 174, 0.2)
}
.jp_zxCateBoxContent:after {
content: "";
display: inline-block;
width: 35px;
height: 35px;
background: rgb(3, 77, 174, 0.2);
content: "";
display: inline-block;
position: absolute;
right: -20px;
top: -10px;
}
.jp_zxCateEn:after {
content: "";
display: inline-block;
width: 25px;
height: 25px;
background: rgb(3, 77, 174, 0.2)
}
}
.jp_zx_indexServiceCon {
background: #024eae;
color: #fff;
padding: 20px;
}
.jp_zx_indexServiceTit {
width: 100%;
line-height: 40px;
font-family: MicrosoftYaHei;
font-size: 16px;
color: #fff;
text-align: left;
}
.jp_zx_indexServicePic {
overflow: hidden;
}
.jp_zx_indexServicePic img {
width: 100%;
height: auto;
transform: scale(1);
}
.jp_zx_indexServiceBox:hover .jp_zx_indexServicePic img {
transform: scale(1.1);
}
.jp_zx_indexServiceBox:hover .jp_zx_indexServiceTit {
background-color: #a6ce39;
color: #fff;
}
@media only screen and (max-width: 768px) {
.jp_zxCateBox {
text-align: center;
text-align-last: center;
position: relative;
min-height: 60px;
margin: 16px 0px 0px 0px;
}
.jp_zx_indexServiceTit {
line-height: 40px;
}
.jp_zxCateCn {
font-size: 24px;
}
.jp_zxCateEn {
font-size: 2.5rem;
}
}
.jp_zx_indexApplicationMore {
display: block;
margin: 0 auto;
width: 100%;
max-width: 228px;
line-height: 55px;
background-color: #757575;
font-family: MicrosoftYaHei;
font-size: 14px;
color: #fff;
text-align: center;
margin-top: 15px;
}
a[class*="hvr-outline"]::before {
border: #757575 solid 4px;
}
@media only screen and (max-width: 768px) {
.c_portalResEbizads_banner-01001 .p_prompt {
width: auto;
height: auto;
text-align: center;
background-color: inherit;
font-size: 16px;
border: 1px solid #E4E4E4;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
display: inline-table;
padding: 0 30px;
height: 100%;
min-height: 260px;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .iconfont:before {
content: "";
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first {
height: auto;
display: table-cell;
font-size: 36px;
margin-right: 10px;
position: relative;
color: #09bb07;
vertical-align: middle;
padding: 0 10px 10px 0;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first:before {
content: "\e6b4";
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
font-size: 24px;
text-align: left;
color: rgba(51, 51, 51, 1);
font-weight: bold;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .font {
display: table-cell;
line-height: normal;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_prompt .promptbox {
width: auto;
height: 100%;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_content {
font-size: 18px;
color: rgba(105, 105, 105, 1);
padding-left: 65px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 56px;
color: #e2e2e2;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
content: '\e687';
display: inline-block;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 56px;
color: #e2e2e2;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont:before {
content: '\e687';
display: inline-block;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn {
display: inline-table;
height: 30px;
width: 30px;
background-color: #67b8b4;
border-width: 1px;
border-color: transparent;
color: #999999;
font-size: 12px;
font-family: 'Microsoft YaHei';
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn .shape {
display: table-cell;
width: inherit;
height: inherit;
text-align: center;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn:active {
color: rgba(255, 255, 255, 1);
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn.active {
color: rgba(255, 255, 255, 1);
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn.j-nav-active {
color: rgba(255, 255, 255, 1);
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
display: inline-block;
height: 10px;
width: 100px;
padding: 0;
background-color: #f2f2f2;
border-width: 1px;
border-color: transparent;
font-size: 12px;
font-family: 'Microsoft YaHei';
text-align: center;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn .shape {
text-indent: -9999em;
width: inherit;
height: inherit;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn:active {
background-color: #67b8b4;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn.active {
background-color: #67b8b4;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn.j-nav-active {
background-color: #67b8b4;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn {
width: 15px;
height: 15px;
display: inline-table;
background-color: rgba(228, 228, 228, 1);
color: rgba(153, 153, 153, 1);
font-size: 12px;
border-radius: 10px;
-moz-border-radius: 10px;
text-align: center;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn .shape {
width: inherit;
height: inherit;
text-indent: -99999px;
display: table-cell;
vertical-align: middle;
border-radius: inherit;
-moz-border-radius: inherit;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn:active {
background-color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn.active {
background-color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn.j-nav-active {
background-color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_NumBtn {
width: 150px;
height: 66px;
border-color: rgba(242, 242, 242, 1);
border-width: 2px;
border-style: solid;
}
.c_portalResEbizads_banner-01001 .p_NumBtn .shape {
display: none;
}
.c_portalResEbizads_banner-01001 .p_NumBtn:active {
border-color: rgba(103, 184, 180, 1);
}
.c_portalResEbizads_banner-01001 .p_NumBtn.active {
border-color: rgba(103, 184, 180, 1);
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_ImgSummary {
text-align: justify;
vertical-align: top;
word-break: break-all;
}
.c_portalResEbizads_banner-01001 .p_ImgHead {
display: inline-table;
margin: 0;
padding: 0;
color: #323232;
font-size: 30px;
font-weight: 400;
text-align: left;
white-space: nowrap;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_ImgHead .font {
display: table-cell;
vertical-align: top;
line-height: 30px;
}
.c_portalResEbizads_banner-01001 .p_ImgHead .iconfont:before {
content: "";
}
.c_portalResEbizads_banner-01001 .p_TitleBox {
width: inherit;
height: auto;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox {
width: inherit;
height: auto;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: rgba(179, 179, 179, 1);
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB {
background: rgba(81, 80, 80, .3);
width: 64px;
height: 139px;
cursor: pointer;
text-align: center;
color: rgba(255, 255, 255, 1);
font-size: 40px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont {
display: table-cell;
vertical-align: middle;
position: relative;
top: 3px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB:hover {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(115, 115, 115, .7);
color: rgba(106, 192, 189, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB:active {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(81, 80, 80, .7);
}
.c_portalResEbizads_banner-01001 .p_interactionB {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA {
background: rgba(81, 80, 80, .3);
width: 64px;
height: 139px;
cursor: pointer;
text-align: center;
color: rgba(255, 255, 255, 1);
font-size: 40px;
z-index: 999;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont {
display: table-cell;
vertical-align: middle;
position: relative;
top: 3px;
right: 4px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA:hover {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(115, 115, 115, .7);
color: rgba(106, 192, 189, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA:active {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(81, 80, 80, .7);
}
.c_portalResEbizads_banner-01001 .p_interactionA {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_interactionA+.p_interactionA {
left: initial;
right: 0;
}
.c_portalResEbizads_banner-01001 .p_imageA {
width: auto;
height: auto;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_images {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_banner {
width: inherit;
height: auto;
border-width: 1px;
border-style: none;
border-color: rgba(255, 255, 255, 1);
background-color: transparent;
overflow: visible;
}
.c_portalResEbizads_banner-01001 {
min-width: 300px;
overflow: auto;
}
.c_portalResEbizads_banner-01001 .p_banner {
width: 100%;
height: 100%;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_images {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
width: auto;
height: auto;
border-width: 0;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_interactionA {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_interactionB {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_TitleBox {
border-width: 0;
}
.c_portalResEbizads_banner-01001 .p_TitleBoxA {
width: auto;
height: auto;
border-width: 0;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .c_banner {
width: inherit;
height: inherit;
}
.c_portalResEbizads_banner-01001 .p_images {
width: inherit;
height: inherit;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.c_portalResEbizads_banner-01001 .p_LinkA {
width: inherit;
height: inherit;
display: block;
position: relative;
}
.c_portalResEbizads_banner-01001 .p_imageA {
vertical-align: baseline;
text-align: center;
width: inherit;
height: inherit;
}
.c_portalResEbizads_banner-01001 .p_imageA:hover {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_imageA:hover:after {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_interactionA {
cursor: pointer;
left: 0;
height: 100%;
position: absolute;
top: 0;
z-index: 99;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_interactionB {
cursor: pointer;
right: 0;
height: 100%;
position: absolute;
top: 0;
z-index: 99;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA {
position: absolute;
top: 50%;
margin-top: -37px;
padding-top: 10px;
color: rgb(187, 182, 182);
left: 0;
width: 33px;
height: 64px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont:before {
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB {
position: absolute;
top: 50%;
margin-top: -37px;
right: 0;
width: 33px;
height: 64px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
padding-top: 10px;
color: rgb(187, 182, 182);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont:before {
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
height: 70px;
background-color: transparent;
display: none;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox:hover {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox .p_LinkB {
display: block;
background-color: rgba(0, 0, 0, 0.5);
}
.c_portalResEbizads_banner-01001 .p_TitleBox {
width: 100%;
height: auto;
height: 60px;
line-height: 60px;
padding: 0 10px;
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
font-weight: bold;
}
.c_portalResEbizads_banner-01001 .p_LinkA .p_TitleBox span {
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_LinkA:hover .p_TitleBox span {
color: #fff;
}
.c_portalResEbizads_banner-01001 .p_TitleBoxA {
width: 100%;
height: inherit;
padding-left: 20px;
padding-right: 20px;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
position: absolute;
text-align: center;
font-size: 0;
z-index: 6;
overflow: hidden;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
padding-right: 30px;
padding-left: 30px;
width: 100%;
position: absolute;
right: 0;
bottom: 0;
text-align: right;
font-size: 0;
z-index: 6;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox .p_NumBtn:first-child {
margin-left: 0;
}
.c_portalResEbizads_banner-01001 .p_NumBtn {
margin-right: 6px;
font-size: 0;
width: 90px;
height: auto;
display: inline-block;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn {
margin-left: 10px;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
margin-left: 10px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC {
position: absolute;
top: 50%;
left: 0;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD {
position: absolute;
top: 50%;
right: 0;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn,
.c_portalResEbizads_banner-01001 .p_SquareNumBtn,
.c_portalResEbizads_banner-01001 .p_ListNumBtn {
margin-top: 20px;
margin-bottom: 20px;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
width: 98px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
content: "\e6ae";
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_ImgSummary {
font-weight: normal;
white-space: normal;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont {
font-size: 30px;
color: rgba(255, 255, 255, .6);
display: table-cell;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont {
font-size: 30px;
color: rgba(255, 255, 255, .6);
display: table-cell;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC:hover .iconfont {
color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD:hover .iconfont {
color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_NumBtn:hover {
border-color: rgba(103, 184, 180, 1);
}
.c_portalResEbizads_banner-01001 .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
height: 100%;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.c_portalResEbizads_banner-01001 .p_MatteIcon:before {
content: '\e752';
.
}
.c_portalResEbizads_banner-01001 .widther img {
width: auto !important;
}
.c_portalResEbizads_banner-01001 .swiper-pagination {
position: absolute;
z-index: 20;
bottom: 65px;
width: 100%;
text-align: center;
}
.c_portalResEbizads_banner-01001 .dot {
width: 20px;
height: 20px;
}
.c_portalResEbizads_banner-01001 .swiper-pagination span {
display: inline-block;
margin-right: 4px;
}
.c_portalResEbizads_banner-01001 .background_default {
display: inline-block;
width: 27px;
height: 27px;
border-radius: 50%;
margin: 0 5px;
opacity: 0.8;
cursor: pointer;
}
.c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img {
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
}
.c_portalResEbizads_banner-01001 .background_default {
width: 17px;
height: 17px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA {
display: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB {
display: none;
}
}
@media only screen and (min-width: 769px) {
.c_portalResEbizads_banner-01001 .p_prompt {
width: auto;
height: auto;
text-align: center;
background-color: inherit;
font-size: 16px;
border: 1px solid #E4E4E4;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
display: inline-table;
padding: 0 30px;
height: 100%;
min-height: 260px;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .iconfont:before {
content: "";
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first {
height: auto;
display: table-cell;
font-size: 36px;
margin-right: 10px;
position: relative;
color: #09bb07;
vertical-align: middle;
padding: 0 10px 10px 0;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first:before {
content: "\e6b4";
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
font-size: 24px;
text-align: left;
color: rgba(51, 51, 51, 1);
font-weight: bold;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_title .font {
display: table-cell;
line-height: normal;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_prompt .promptbox {
width: auto;
height: 100%;
}
.c_portalResEbizads_banner-01001 .p_prompt .prompt_content {
font-size: 18px;
color: rgba(105, 105, 105, 1);
padding-left: 65px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 56px;
color: #e2e2e2;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
content: '\e687';
display: inline-block;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 56px;
color: #e2e2e2;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont:before {
content: '\e687';
display: inline-block;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn {
display: inline-table;
height: 30px;
width: 30px;
background-color: #67b8b4;
border-width: 1px;
border-color: transparent;
color: #999999;
font-size: 12px;
font-family: 'Microsoft YaHei';
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn .shape {
display: table-cell;
width: inherit;
height: inherit;
text-align: center;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn:active {
color: rgba(255, 255, 255, 1);
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn.active {
color: rgba(255, 255, 255, 1);
}
.c_portalResEbizads_banner-01001 .p_ListNumBtn.j-nav-active {
color: rgba(255, 255, 255, 1);
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
display: inline-block;
height: 10px;
width: 100px;
padding: 0;
background-color: #f2f2f2;
border-width: 1px;
border-color: transparent;
font-size: 12px;
font-family: 'Microsoft YaHei';
text-align: center;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn .shape {
text-indent: -9999em;
width: inherit;
height: inherit;
vertical-align: middle;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn:active {
background-color: #67b8b4;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn.active {
background-color: #67b8b4;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn.j-nav-active {
background-color: #67b8b4;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn {
width: 15px;
height: 15px;
display: inline-table;
background-color: rgba(228, 228, 228, 1);
color: rgba(153, 153, 153, 1);
font-size: 12px;
border-radius: 10px;
-moz-border-radius: 10px;
text-align: center;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn img {
display: none;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn .shape {
width: inherit;
height: inherit;
text-indent: -99999px;
display: table-cell;
vertical-align: middle;
border-radius: inherit;
-moz-border-radius: inherit;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn:active {
background-color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn.active {
background-color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn.j-nav-active {
background-color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_NumBtn {
width: 150px;
height: 66px;
border-color: rgba(242, 242, 242, 1);
border-width: 2px;
border-style: solid;
}
.c_portalResEbizads_banner-01001 .p_NumBtn .shape {
display: none;
}
.c_portalResEbizads_banner-01001 .p_NumBtn:active {
border-color: rgba(103, 184, 180, 1);
}
.c_portalResEbizads_banner-01001 .p_NumBtn.active {
border-color: rgba(103, 184, 180, 1);
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_ImgSummary {
text-align: justify;
vertical-align: top;
word-break: break-all;
}
.c_portalResEbizads_banner-01001 .p_ImgHead {
display: inline-table;
margin: 0;
padding: 0;
color: #323232;
font-size: 30px;
font-weight: 400;
text-align: left;
white-space: nowrap;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_ImgHead .font {
display: table-cell;
vertical-align: top;
line-height: 30px;
}
.c_portalResEbizads_banner-01001 .p_ImgHead .iconfont:before {
content: "";
}
.c_portalResEbizads_banner-01001 .p_TitleBox {
width: inherit;
height: auto;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox {
width: inherit;
height: auto;
border-width: 1px;
border-style: none;
border-color: rgba(228, 228, 228, 0);
background-color: rgba(179, 179, 179, 1);
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB {
background: rgba(81, 80, 80, .3);
width: 64px;
height: 139px;
cursor: pointer;
text-align: center;
color: rgba(255, 255, 255, 1);
font-size: 40px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont {
display: table-cell;
vertical-align: middle;
position: relative;
top: 3px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB:hover {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(115, 115, 115, .7);
color: rgba(106, 192, 189, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB:active {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(81, 80, 80, .7);
}
.c_portalResEbizads_banner-01001 .p_interactionB {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA {
background: rgba(81, 80, 80, .3);
width: 64px;
height: 139px;
cursor: pointer;
text-align: center;
color: rgba(255, 255, 255, 1);
font-size: 40px;
z-index: 999;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .font {
display: table;
width: inherit;
height: inherit;
pointer-events: none;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont {
display: table-cell;
vertical-align: middle;
position: relative;
top: 3px;
right: 4px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA:hover {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(115, 115, 115, .7);
color: rgba(106, 192, 189, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA:active {
border-width: 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
background-color: rgba(81, 80, 80, .7);
}
.c_portalResEbizads_banner-01001 .p_interactionA {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_interactionA+.p_interactionA {
left: initial;
right: 0;
}
.c_portalResEbizads_banner-01001 .p_imageA {
width: auto;
height: auto;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_images {
width: inherit;
height: auto;
background-color: transparent;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_banner {
width: inherit;
height: auto;
border-width: 1px;
border-style: none;
border-color: rgba(255, 255, 255, 1);
background-color: transparent;
overflow: visible;
}
.c_portalResEbizads_banner-01001 {
min-width: 300px;
overflow: auto;
}
.c_portalResEbizads_banner-01001 .p_banner {
width: 100%;
height: 100%;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_images {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
width: auto;
height: auto;
border-width: 0;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_interactionA {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_interactionB {
width: auto;
height: auto;
}
.c_portalResEbizads_banner-01001 .p_TitleBox {
border-width: 0;
}
.c_portalResEbizads_banner-01001 .p_TitleBoxA {
width: auto;
height: auto;
border-width: 0;
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .c_banner {
width: inherit;
height: inherit;
}
.c_portalResEbizads_banner-01001 .p_images {
width: inherit;
height: inherit;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.c_portalResEbizads_banner-01001 .p_LinkA {
width: inherit;
height: inherit;
display: block;
position: relative;
}
.c_portalResEbizads_banner-01001 .p_imageA {
vertical-align: baseline;
text-align: center;
width: inherit;
height: inherit;
}
.c_portalResEbizads_banner-01001 .p_imageA:hover {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_imageA:hover:after {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_interactionA {
cursor: pointer;
left: 0;
height: 100%;
position: absolute;
top: 0;
z-index: 99;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_interactionB {
cursor: pointer;
right: 0;
height: 100%;
position: absolute;
top: 0;
z-index: 99;
overflow: visible;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA {
position: absolute;
top: 50%;
margin-top: -37px;
padding-top: 10px;
color: rgb(187, 182, 182);
left: 0;
width: 33px;
height: 64px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont:before {
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB {
position: absolute;
top: 50%;
margin-top: -37px;
right: 0;
width: 33px;
height: 64px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
padding-top: 10px;
color: rgb(187, 182, 182);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont:before {
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
height: 70px;
background-color: transparent;
display: none;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox:hover {
background-color: transparent;
}
.c_portalResEbizads_banner-01001 .p_SummaryBox .p_LinkB {
display: block;
background-color: rgba(0, 0, 0, 0.5);
}
.c_portalResEbizads_banner-01001 .p_TitleBox {
width: 100%;
height: auto;
height: 80px;
padding: 10px;
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
font-weight: bold;
}
.c_portalResEbizads_banner-01001 .p_LinkA .p_TitleBox span {
display: block;
height: 25px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 15px;
}
.c_portalResEbizads_banner-01001 .p_LinkA:hover .p_TitleBox span {
color: #fff;
}
.c_portalResEbizads_banner-01001 .p_TitleBoxA {
width: 100%;
height: inherit;
padding-left: 20px;
padding-right: 20px;
}
.c_portalResEbizads_banner-01001 .p_ImgHead {
padding-top: 10px;
padding-bottom: 12px;
font-size: 30px;
font-weight: normal;
font-family: "黑体";
color: #fff;
white-space: normal;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox {
position: absolute;
text-align: center;
font-size: 0;
z-index: 6;
overflow: hidden;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
padding-right: 30px;
padding-left: 30px;
width: 100%;
position: absolute;
right: 0;
bottom: 0;
text-align: right;
font-size: 0;
z-index: 6;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_ThumbnailBox .p_NumBtn:first-child {
margin-left: 0;
}
.c_portalResEbizads_banner-01001 .p_NumBtn {
margin-right: 6px;
font-size: 0;
width: 90px;
height: auto;
display: inline-block;
overflow: hidden;
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn {
margin-left: 10px;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
margin-left: 10px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC {
position: absolute;
top: 50%;
left: 0;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD {
position: absolute;
top: 50%;
right: 0;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c_portalResEbizads_banner-01001 .p_CircleNumBtn,
.c_portalResEbizads_banner-01001 .p_SquareNumBtn,
.c_portalResEbizads_banner-01001 .p_ListNumBtn {
margin-top: 20px;
margin-bottom: 20px;
}
.c_portalResEbizads_banner-01001 .p_SquareNumBtn {
width: 98px;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
content: "\e6ae";
font-size: 30px;
}
.c_portalResEbizads_banner-01001 .p_ImgSummary {
font-weight: normal;
white-space: normal;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont {
font-size: 30px;
color: rgba(255, 255, 255, .6);
display: table-cell;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont {
font-size: 30px;
color: rgba(255, 255, 255, .6);
display: table-cell;
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnC:hover .iconfont {
color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_SwitchBtnD:hover .iconfont {
color: rgba(105, 192, 188, 1);
}
.c_portalResEbizads_banner-01001 .p_NumBtn:hover {
border-color: rgba(103, 184, 180, 1);
}
.c_portalResEbizads_banner-01001 .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
height: 100%;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.c_portalResEbizads_banner-01001 .p_MatteIcon:before {
content: '\e752';
.
}
.c_portalResEbizads_banner-01001 .widther img {
width: auto !important;
}
.c_portalResEbizads_banner-01001 .swiper-pagination {
position: absolute;
z-index: 20;
bottom: 80px;
width: 100%;
text-align: center;
}
.c_portalResEbizads_banner-01001 .swiper-pagination span {
display: inline-block;
margin-right: 4px;
}
.c_portalResEbizads_banner-01001 .background_default {
display: inline-block;
width: 27px;
height: 27px;
border-radius: 50%;
margin: 0 5px;
opacity: 0.8;
cursor: pointer;
}
.c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img {
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
.bannerBox {
width: 100%;
overflow: hidden;
height: auto;
}
.bannerBox .swiper-slide img {
width: 100%;
display: block;
}
.bannerBox .swiper-slide-active img {
-webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@-webkit-keyframes scaleUpDown {
from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleUpDown {
from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.bannerBox .content {
width: 100%;
overflow: hidden;
height: auto;
}
.bannerBox .text {
z-index: 29;
width: 100%;
position: absolute;
display: flex;
align-items: center;
height: 100%;
left: 0;
top: 200px;
}
.bannerBox .line {
margin: 20px 0;
height: 1px;
overflow: hidden;
max-width: 400px;
width: 80%;
position: relative;
}
.bannerBox .line:before {
content: '';
width: 0;
position: absolute;
left: 50%;
top: 0;
opacity: 0;
height: 100%;
background: rgba(255, 255, 255, .4);
transition: all 1s;
z-index: 1;
}
.bannerBox .swiper-slide-active .line:before {
width: 100%;
opacity: 1;
left: 0;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.bannerBox .con {
max-width: 960px;
margin: 0 auto;
width: 90%;
text-align: left;
margin-bottom: 3%;
margin-left: 10%;
color: #fff;
background: linear-gradient(45deg, #004FAC, transparent);
padding: 30px 40px;
}
.bannerBox .text .cn {
font-size: 30px;
font-family: "ziti" !important;
}
.bannerBox .text .cn1 {
font-size: 24px;
color: #e0dace;
letter-spacing: 20px;
}
.bannerBox .text .en {
font-size: 30px;
text-transform: uppercase;
color: rgba(255, 255, 255, .5);
}
.bannerBox .con .cn {
opacity: 0;
transition: all 1s;
transform: translate3d(0, -100%, 0);
color: #fff;
font-size: 46px;
font-weight: bold;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
}
.bannerBox .swiper-slide-active .cn {
opacity: 1;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
transform: translate3d(0, 0, 0);
font-family: "ziti" !important;
}
.bannerBox .con .en {
opacity: 0;
transition: all 1s;
transform: translate3d(0, 100%, 0);
color: #fff;
font-size: 1.4rem;
font-weight: bold;
}
.bannerBox .swiper-slide-active .en {
opacity: 1;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
transform: translate3d(0, 0, 0);
text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
}
.bannerBox .con .cn1 {
opacity: 0;
transition: all 1s;
transform: translate3d(0, 100%, 0);
color: #fff;
font-size: 20px;
letter-spacing: 0px;
}
.bannerBox .swiper-slide-active .cn1 {
opacity: 1;
-webkit-transition-delay: 1s;
transition-delay: 1s;
transform: translate3d(0, 0, 0);
text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.bannerBox .swiper-pagination-clickable {
bottom: 10px;
left: 0;
width: 100%;
}
.bannerBox .swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.bannerBox .swiper-pagination-bullet {
display: inline-block;
background: #fff;
border-radius: 0;
transform-origin: center center;
-webkit-transform-origin: center center;
margin: 0 8px;
width: 10px;
height: 10px;
transition: all 0.8s;
}
.bannerBox .swiper-pagination-bullet-active {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
@media only screen and (max-width: 1025px) {
.c_portalResEbizads_banner-01001001 {
margin-top: 70px !important;
}
.bannerBox .text .cn {
font-size: 24px;
}
.bannerBox .text .en {
font-size: 16px;
}
.bannerBox .line {
max-width: 300px;
}
}
@media only screen and (max-width: 768px) {
.c_portalResEbizads_banner-01001001 {
margin-top: 20px !important;
}
.bannerBox .text .cn {
font-size: 16px;
font-weight: normal;
}
.bannerBox .text .en {
font-size: 12px;
}
.bannerBox .con .cn1 {
opacity: 0;
transition: all 1s;
transform: translate3d(0, 100%, 0);
color: #fff;
font-size: 12px;
letter-spacing: 0px;
}
.bannerBox .swiper-slide-active .cn1 {
opacity: 1;
-webkit-transition-delay: 2s;
transition-delay: 2s;
transform: translate3d(0, 0, 0);
}
.bannerBox .line {
max-width: 50%;
}
.bannerBox .line {
margin: 5px auto;
}
.bannerBox .swiper-pagination-clickable {
display: none;
}
}
.w_grid-001 {
margin-left: auto;
margin-right: auto;
max-width: 1180px;
min-height: 12rem;
width: 100%;
}
.w_grid-001>.w_grid {
width: 100%;
position: relative;
}
.w_grid-001>div>.p_gridbox {
width: 100%;
overflow: hidden;
position: static;
}
.w_grid-001>div>.p_gridbox>.p_gridCell {
float: left;
position: static;
}
.w_grid-001>div>.p_gridbox>.p_gridCell:not(:empty):before {
content: '';
height: 0;
display: block;
}
.w_grid-001>div>.p_gridbox>.p_gridCell:first-child {
margin-left: 0;
clear: left;
}
#w_grid-001>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
margin-left: 0;
clear: left;
}
@media only screen and (max-width: 768px) {
.w_grid-001>div>.p_gridbox>.p_gridCell {
width: 100%;
margin-left: 0;
margin-top: 0rem;
margin-bottom: 0rem;
}
}
@media only screen and (min-width: 769px) {
.w_grid-001>div>.p_gridbox>.p_gridCell {
width: 49.5%;
margin-left: 1%;
margin-bottom: 0.6rem;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
.w_grid-000 {
margin-left: auto;
margin-right: auto;
min-height: 12rem;
width: 100%;
}
.w_grid-000>.w_grid {
width: 100%;
position: relative;
}
.w_grid-000>div>.p_gridbox {
width: 100%;
overflow: visible;
position: static;
}
.w_grid-000>div>.p_gridbox::before,
.w_grid-000>div>.p_gridbox::after {
content: '';
clear: both;
display: block;
}
.w_grid-000>div>div>.p_gridCell {
float: left;
position: static;
}
.w_grid-000>div>div>.p_gridCell:not(:empty):before {
content: '';
height: 0px;
display: block;
}
.w_grid-000>.w_grid.signal {
min-height: inherit;
}
.w_grid-000>.w_grid.signal>.p_gridbox {
min-height: inherit;
}
.w_grid-000>.w_grid.signal>.p_gridbox>.p_gridCell {
min-height: inherit;
}
.w_grid-000>div>.p_gridbox>.p_gridCell:first-child {
margin-left: 0;
clear: left;
}
#w_grid-000>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
@media only screen and (max-width: 768px) {
.w_grid-000>div>.p_gridbox>.p_gridCell {
width: 100%;
margin-left: 0;
margin-top: 0rem;
margin-bottom: 0rem;
}
}
@media only screen and (min-width: 769px) {
.w_grid-000>div>.p_gridbox>.p_gridCell:first-child {
width: 100%;
margin-left: 0;
margin-top: 0rem;
margin-bottom: 0rem;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1565682217781 {
display: none;
}
.c_portalResNews_list-01001 {
min-width: 320px;
width: 100%;
}
.c_portalResNews_list-01001 .p_PromptNoneData {
width: auto;
text-align: center
}
.c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .iconfont:before {
content: ""
}
.c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .first {
height: auto;
display: table-cell;
position: relative;
vertical-align: middle;
padding: 0 10px 5px 0;
}
.c_portalResNews_list-01001 .p_PromptNoneData .prompt_title {
display: inline-table;
padding: 0 30px;
min-height: 200px;
height: 100%
}
.c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .first:before {
content: "\e6b4"
}
.c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .font {
display: table-cell;
vertical-align: middle;
text-align: left
}
.c_portalResNews_list-01001 .p_PromptNoneData .promptbox {
width: auto;
height: 100%
}
.c_portalResNews_list-01001 .p_PromptNoneData .prompt_content {
padding-left: 65px
}
.c_portalResNews_list-01001 .p_moreBtn {
position: static;
width: auto;
display: inline-table;
min-height: 29px;
margin: 0;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
min-width: 86px;
cursor: pointer;
text-align: center
}
.c_portalResNews_list-01001 .p_moreBtn .font {
white-space: nowrap;
overflow: visible;
vertical-align: middle
}
.c_portalResNews_list-01001 .p_moreBtn .iconfont:before {
content: ""
}
@-moz-keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes three-quarters-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loading_animation {
-moz-animation: three-quarters-loader 850ms infinite linear;
-webkit-animation: three-quarters-loader 850ms infinite linear;
animation: three-quarters-loader 850ms infinite linear;
box-sizing: border-box;
display: inline-block;
position: relative;
overflow: hidden;
text-indent: -9999px;
width: 32px;
height: 32px;
vertical-align: middle
}
.c_portalResNews_list-01001 .p_loading {
width: 100%;
height: 70px;
line-height: 70px;
text-align: center;
}
.c_portalResNews_list-01001 .p_loading .iconfont:before {
content: ""
}
.c_portalResNews_list-01001 .p_loading .font {
display: inline-block;
margin-left: 20px;
height: inherit
}
.c_portalResNews_list-01001 .p_moreBox {
margin: 0 20px;
width: auto;
height: auto;
padding: 0;
overflow: hidden
}
.c_portalResNews_list-01001 .p_ToDetail {
display: inline-block;
margin: 0;
padding: 5px 10px;
min-width: 86px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
}
a>.c_portalResNews_list-01001 .p_ToDetail:hover {
cursor: pointer
}
.c_portalResNews_list-01001 .p_SummaryBox {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden
}
.c_portalResNews_list-01001 .p_summary {
text-align: left;
vertical-align: top;
word-break: break-all
}
.c_portalResNews_list-01001 .p_time {
display: inline-block;
margin: 0;
padding: 0 5px 0 0;
vertical-align: middle;
text-align: left;
white-space: nowrap;
overflow: visible;
line-height: 18px;
vertical-align: top
}
.c_portalResNews_list-01001 .p_assist {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden
}
.c_portalResNews_list-01001 .p_TitleBox {
width: auto;
height: auto;
padding: 5px 0;
overflow: hidden;
vertical-align: top;
}
.c_portalResNews_list-01001 .p_title {
display: inline-table;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
}
.c_portalResNews_list-01001 .p_header {
margin: 5px 0 0;
width: auto;
height: auto;
padding: 0;
overflow: hidden;
}
.c_portalResNews_list-01001 .p_content {
margin: 0;
width: 236px;
height: 317px;
padding: 0;
overflow: hidden
}
.c_portalResNews_list-01001 .p_images {
margin: 0;
width: 168px;
height: 138px;
padding: 0;
overflow: hidden;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
vertical-align: middle;
text-align: center;
margin-right: 15px
}
.c_portalResNews_list-01001 .p_articles {
margin: 0;
width: inherit;
height: 186px;
padding: 0;
}
.c_portalResNews_list-01001 .p_news {
margin: 0;
width: inherit;
height: auto;
padding: 0;
overflow: hidden;
}
.c_portalResNews_list-01001 .p_Newslist {
margin: 0;
padding: 0;
overflow: hidden;
}
.c_portalResNews_list-01001 {
overflow: hidden;
}
.c_portalResNews_list-01001 .p_content {
width: auto;
height: auto;
vertical-align: top
}
.c_portalResNews_list-01001 .p_SummaryBox {
width: auto;
height: auto;
}
.c_portalResNews_list-01001 .p_assist {
width: auto;
height: auto;
}
.c_portalResNews_list-01001 .p_icon {
display: inline-block;
vertical-align: middle;
margin-top: 2px
}
.c_portalResNews_list-01001 .p_about {
display: inline-block;
vertical-align: middle
}
.c_portalResNews_list-01001 .p_articles {
display: inline-block;
height: auto;
min-width: 320px;
width: calc((100% - 0px)/1);
padding: 15px 20px;
overflow: hidden;
float: left;
}
.c_portalResNews_list-01001 .p_thumbnail {
width: 100%;
height: auto;
vertical-align: middle;
text-align: center;
overflow: hidden
}
.c_portalResNews_list-01001 .p_thumbnail img {
width: 100%;
}
.c_portalResNews_list-01001 .higher .p_thumbnail {
position: absolute;
height: 100%
}
.c_portalResNews_list-01001 .widther .p_thumbnail {
position: absolute;
height: 100%
}
.c_portalResNews_list-01001 .smaller .p_thumbnail {
position: absolute;
height: 100%
}
.c_portalResNews_list-01001 .p_assist {
margin-top: 2px;
}
.c_portalResNews_list-01001 .p_SummaryBox {
clear: both;
margin-bottom: 10px;
margin-top: 8px
}
.c_portalResNews_list-01001 .p_ToDetail {
float: right;
position: relative
}
.c_portalResNews_list-01001 .p_summary {
white-space: normal
}
.c_portalResNews_list-01001 .p_categorySummaryBox {
overflow: hidden;
padding: 10px;
}
.c_portalResNews_list-01001 article {
word-wrap: break-word !important;
word-break: normal !important;
}
@media only screen and (max-width: 768px) {
.c_portalResNews_list-01001 .p_articles {
margin-top: 10px !important;
width: 100% !important;
}
.c_portalResNews_list-01001 .mp_linkUrl {
display: block;
height: auto;
}
.c_portalResNews_list-01001 .p_SummaryBox {
display: none;
}
.c_portalResNews_list-01001 .p_ToDetail {
display: none !important;
}
.c_portalResNews_list-01001 .mP_SummaryBox {
clear: both;
}
.c_portalResNews_list-01001 .p_Information {
display: flex;
padding: 10px 0;
}
.c_portalResNews_list-01001 .p_Information li {
flex: 1;
height: 20px;
overflow: hidden;
}
.c_portalResNews_list-01001 .p_KeyWord {
width: 100%;
margin-top: 5px;
}
.c_portalResNews_list-01001 .p_KeyWord .p_tag {
padding: 5px 15px;
margin-right: 10px;
border-radius: 3px;
}
.c_portalResNews_list-01001 .blank {
width: 100%;
height: 15px;
overflow: hidden;
}
.c_portalResNews_list-01001 .p_articles {
border: none
}
}
@media only screen and (min-width: 769px) {
.c_portalResNews_list-01001 .mp_linkUrl {
display: none;
}
.c_portalResNews_list-01001 .mP_SummaryBox {
display: none;
}
.c_portalResNews_list-01001 .p_Information {
display: none;
}
.c_portalResNews_list-01001 .p_KeyWord {
display: none;
}
.c_portalResNews_list-01001 .blank {
display: none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
.jipsonCaseImg img {
width: 100%;
height: auto;
}
.jipsonCaseTitle {
text-align: left;
font-size: 16px;
padding-bottom: 10px;
color: #333;
letter-spacing: 0px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jipsonCaseSummary {
font-size: 14px;
color: #999;
letter-spacing: 0px;
line-height: 1.5;
overflow: hidden;
height: 3em;
display: -webkit-box;
-webkit-box-orient: vertical;
margin-bottom: 30px;
}
.jipsonCaseMore {
display: block;
width: 114px;
height: 36px;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #4b4c4d;
border: 1px solid #dadada;
letter-spacing: 0px;
overflow: hidden;
}
.jipsonCaseMore:hover {
color: #42b34c;
border: 1px solid #42b34c;
}
.jipsonCaseTxt {
padding: 20px 15px;
}
.jipsonCaseUl {
font-size: 0px;
overflow: visible !important;
width: 100%;
}
.jipsonCaseLi {
position: relative;
background-color: #f8f8f8;
transition: all 0.5s;
transform: translate(0px, 0px);
}
.jipsonCaseLi:hover {
transform: translate(-12px, -12px);
box-shadow: 12px 12px 0 #42b34c;
}
.jipsonCaseLi:hover .jipsonCaseTitle {
color: #42b34c;
}
.jipsonClear::before,
.jipsonClear::after {
content: '';
clear: both;
display: block;
}
@media only screen and (max-width: 768px) {
.jipsonCaseLi {
position: relative;
width: calc((100% - 50px)/2);
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 25px;
overflow: hidden;
}
.jipsonCaseLi:not(:nth-child(2n)) {
margin-right: 25px;
}
}
@media only screen and (min-width: 769px) {
.jipsonCaseLi {
position: relative;
width: calc((100% - 50px)/3);
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 25px;
overflow: hidden;
}
.jipsonCaseLi:not(:nth-child(3n)) {
margin-right: 25px;
}
}
@media only screen and (max-width: 450px) {
.jipsonCaseLi {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 25px;
overflow: hidden;
}
}
@CHARSET "UTF-8";
* {
padding: 0;
margin: 0;
}
.pagebox {
width: 100%;
}
.pagebox,
#-remove--flag {
width: 100%;
margin: 0px auto 0px 0px;
}
body,
#-remove--flag {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#c_portalResPublic_codeContainer-16024665400244156 .jp_zx_indexApplicationMore {
display: block;
margin: 0 auto;
width: 100%;
max-width: 228px;
line-height: 55px;
background-color: #757575;
font-family: MicrosoftYaHei;
font-size: 14px;
color: #fff;
text-align: center;
margin-top: 15px;
}
#c_portalResPublic_codeContainer-16024665400244156 a[class*="hvr-outline"]::before {
border: #757575 solid 4px;
}
#c_portalResPublic_codeContainer-16024665400244156 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#c_portalResPublic_codeContainer-16023242844101855 .jp_zxCateEn {
font-size: 3.8rem;
font-weight: 900;
font-family: ArialMT;
line-height: 26px;
color: #e9e9e9;
text-transform: uppercase;
}
#c_portalResPublic_codeContainer-16023242844101855 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 60px;
margin-top: 2%;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#c_portalResPublic_codeContainer-16037093313216438 .jp_zxCateEn {
color: #e9e9e9;
}
#c_portalResPublic_codeContainer-16037093313216438 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#c_portalResPublic_codeContainer-16023189904493291 .jp_zxCateEn {
color: #e9e9e9;
}
#c_portalResPublic_codeContainer-16023189904493291 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#c_portalResPublic_codeContainer-16037092099404140 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@-webkit-keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@-moz-keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#c_portalResEbizads_banner-16037297131915234 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#c_portalResEbizads_banner-16037297131915234>div {
animation-fill-mode: both;
}
#c_portalResEbizads_banner-16037297131915234 .cateBox {
width: 100%;
}
#c_portalResEbizads_banner-16037297131915234 .cate1 {
display: flex;
}
#c_portalResEbizads_banner-16037297131915234 .jp_zx_indexServiceCon {
background: #024eae;
color: #fff;
padding: 30px;
}
#c_portalResEbizads_banner-16037297131915234 .jp_zx_indexServiceTit {
width: 100%;
line-height: 40px;
background: none;
font-size: 24px;
color: #fff;
margin-bottom: 10px;
text-align: left;
}
#c_portalResEbizads_banner-16037297131915234 .jp_zx_indexServiceDes {
color: #fff;
font-size: 14px;
line-height: 1.8;
white-space: wrap;
}
#c_portalResEbizads_banner-16037297131915234 .jp_zx_indexServicePic {
overflow: hidden;
}
#c_portalResEbizads_banner-16037297131915234 .jp_zx_indexServicePic img {
width: 100%;
height: auto;
transform: scale(1);
}
#c_portalResEbizads_banner-16037297131915234 .jp_zx_indexServiceBox:hover .jp_zx_indexServicePic img {
transform: scale(1.1);
}
@media only screen and (min-width: 768px) {
#c_portalResEbizads_banner-16037297131915234 .cate1 {
width: 100%;
overflow: hidden;
font-size: 0px;
white-space: nowrap;
}
#c_portalResEbizads_banner-16037297131915234 .li1 {
display: inline-block;
width: calc(100%/2);
}
}
@media only screen and (max-width: 768px) {
#c_portalResEbizads_banner-16037297131915234 .cate1 {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#c_portalResEbizads_banner-16037297131915234 .cateListBox {
flex-basis: 100%;
margin-bottom: 5px;
overflow: hidden;
padding: 0 5px;
}
#c_portalResEbizads_banner-16037297131915234 .jp_zx_indexServiceTit {
line-height: 40px;
}
}
#c_portalResEbizads_banner-16037297131915234 .jp_zx_indexServiceBox {
padding: 0 10px;
}
#c_portalResEbizads_banner-16037297131915234 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#c_portalResEbizads_banner-16081122879279306 .v_tit_en {
font-size: 36px;
color: #fff;
}
#c_portalResEbizads_banner-16081122879279306 {
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#c_portalResPublic_codeContainer-16037123031901717 .about {
display: flex;
overflow: hidden;
}
#c_portalResPublic_codeContainer-16037123031901717 .about_img {
width: 50%;
}
#c_portalResPublic_codeContainer-16037123031901717 .about_con {
background: url(../images/about_bg.png) no-repeat top left;
z-index: 1;
width: 100%;
margin-left: -3%;
max-width: 53%;
float: right;
}
#c_portalResPublic_codeContainer-16037123031901717 .con_text {
line-height: 2rem;
padding: 10px 0px 20px 50px;
margin-top: 50px;
max-width: 580px;
}
#c_portalResPublic_codeContainer-16037123031901717 .con_text h3 {
font-size: 1.6rem;
margin-bottom: 20px;
color: #333;
}
#c_portalResPublic_codeContainer-16037123031901717 .demo-count {
padding: 0px;
text-align: center;
margin-top: 40px;
}
#c_portalResPublic_codeContainer-16037123031901717 .num-box {
display: flex;
}
#c_portalResPublic_codeContainer-16037123031901717 .num-box li {
display: flex;
text-align: center;
width: 40%;
}
#c_portalResPublic_codeContainer-16037123031901717 .num-box li:hover {
background: rgb(255, 255, 255, 0.3);
}
#c_portalResPublic_codeContainer-16037123031901717 .num-box li:hover .counter {
color: #024eae;
}
#c_portalResPublic_codeContainer-16037123031901717 .num-box li:hover em {
color: #999999;
}
#c_portalResPublic_codeContainer-16037123031901717 .num-box li:hover p {
color: #999999;
}
#c_portalResPublic_codeContainer-16037123031901717 .lieb {
width: 100%;
}
#c_portalResPublic_codeContainer-16037123031901717 .counter {
font-size: 48px;
font-weight: bold;
color: #024eae;
}
#c_portalResPublic_codeContainer-16037123031901717 em {
font-size: 14px;
color: #999;
}
#c_portalResPublic_codeContainer-16037123031901717 .num {
margin: 0;
}
#c_portalResPublic_codeContainer-16037123031901717 .num-box li p {
font-size: 14px;
color: #999999;
line-height: 28px;
}
@media (max-width: 768px) {
#c_portalResPublic_codeContainer-16037123031901717 .about {
display: block;
}
#c_portalResPublic_codeContainer-16037123031901717 .about_img {
width: 100%;
}
#c_portalResPublic_codeContainer-16037123031901717 .about_img img {
width: 100%;
padding: 15px;
}
#c_portalResPublic_codeContainer-16037123031901717 .about_con {
width: 100%;
max-width: 100%;
}
#c_portalResPublic_codeContainer-16037123031901717 .con_text {
padding: 30px 30px 0px 30px;
margin-top: 0px;
}
#c_portalResPublic_codeContainer-16037123031901717 .counter {
font-size: 30px;
}
#c_portalResPublic_codeContainer-16037123031901717 .num-box li {
display: flex;
text-align: center;
width: 50%;
min-height: 100px;
font-size: large;
float: left;
padding-left: 0px;
}
#c_portalResPublic_codeContainer-16037123031901717 .num-box {
padding: 0;
}
#c_portalResPublic_codeContainer-16037123031901717 .num-box li p {
font-size: 12px;
line-height: 28px;
text-align: center;
}
}
@media (min-width: 769px) {
#c_portalResPublic_codeContainer-16037123031901717 .num-box {
padding: 0;
}
}
#c_portalResPublic_codeContainer-16037123031901717 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#c_portalResNews_list-16023243508811025 .p_articles {
width: calc((100% - 0px)/3);
}
#c_portalResNews_list-16023243508811025 .p_CommonSummaryBoxA {
text-align: center;
}
#c_portalResNews_list-16023243508811025 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#c_portalResNews_list-16023243508811025>div {
animation-fill-mode: both;
}
#c_portalResNews_list-16023243508811025 .porBbox {
padding: 30px;
background-color: #fff;
}
#c_portalResNews_list-16023243508811025 .jp_zx_indexNewsMoreBox {
display: flex;
border-top: 1px solid #ddd;
margin-top: 30px;
padding-top: 20px;
}
#c_portalResNews_list-16023243508811025 .jp_zx_indexNewsMoreBtn {
display: block;
width: 105px;
line-height: 32px;
background-color: #acce22;
color: #fff;
text-align: center;
font-family: MicrosoftYaHei;
font-size: 12px;
}
#c_portalResNews_list-16023243508811025 .p_icon:after {
content: '\e60f';
font-size: 16px;
vertical-align: middle;
line-height: 2rem;
}
@media only screen and (max-width: 450px) {
#c_portalResNews_list-16023243508811025 .newLi {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 20px;
overflow: hidden;
}
}
@media only screen and (max-width: 768px) {
#c_portalResNews_list-16023243508811025 .newLi {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 20px;
overflow: hidden;
}
#c_portalResNews_list-16023243508811025 .newLi:not(:nth-child(2n)) {
margin-right: 50px;
}
#c_portalResNews_list-16023243508811025 .porBbox{
padding-bottom: 10px;
}
}
@media only screen and (min-width: 769px) {
#c_portalResNews_list-16023243508811025 .newLi {
position: relative;
width: calc((100% - 30px)/3);
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 15px;
overflow: hidden;
}
#c_portalResNews_list-16023243508811025 .newLi:not(:nth-child(3n)) {
margin-right: 15px;
}
}
#c_portalResNews_list-16023243508811025 .cq_newsList {
font-size: 0px;
}
#c_portalResNews_list-16023243508811025 .porTbox {
overflow: hidden;
}
#c_portalResNews_list-16023243508811025 .porTbox img {
width: 100%;
height: 300px;
max-height: 300px;
transform: scale(1);
}
#c_portalResNews_list-16023243508811025 .porTbox:hover img {
transform: scale(1.1);
}
#c_portalResNews_list-16023243508811025 .newsTitle {
font-family: MicrosoftYaHei;
font-size: 18px;
color: #333333;
display: inline-block;
margin-bottom: 10px;
}
#c_portalResNews_list-16023243508811025 .newsTitle:hover {
color: #024eae;
}
#c_portalResNews_list-16023243508811025 .newSummry {
font-size: 14px;
line-height: 24px;
color: #999999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#c_portalResNews_list-16023243508811025 .newsDate {
font-family: MicrosoftYaHei;
font-size: 12px;
line-height: 32px;
color: #666666;
}
#c_portalResNews_list-16023243508811025 .newsDate span {
color: #999999;
}
#c_portalResNews_list-16023243508811025 .p_hot .iconfont:before {
shadow-angle: 0px;
shadow-distance: 0px;
shadow-angle-ofInset: 0px;
shadow-distance-ofInset: 0px;
}
#c_portalResNews_list-16023243508811025 .p_new .iconfont:before {
shadow-angle: 0px;
shadow-distance: 0px;
shadow-angle-ofInset: 0px;
shadow-distance-ofInset: 0px;
}
#c_portalResNews_list-16023243508811025 .p_page .pre .iconfont:before {
shadow-angle: 0px;
shadow-distance: 0px;
shadow-angle-ofInset: 0px;
shadow-distance-ofInset: 0px;
}
#c_portalResNews_list-16023243508811025 .p_page .next .iconfont:before {
shadow-angle: 0px;
shadow-distance: 0px;
shadow-angle-ofInset: 0px;
shadow-distance-ofInset: 0px;
}
#c_portalResNews_list-16023243508811025 .p_more .iconfont:before {
shadow-angle: 0px;
shadow-distance: 0px;
shadow-angle-ofInset: 0px;
shadow-distance-ofInset: 0px;
}
#c_portalResNews_list-16023243508811025 .p_loading .iconfont:before {
shadow-angle: 0px;
shadow-distance: 0px;
shadow-angle-ofInset: 0px;
shadow-distance-ofInset: 0px;
}
#c_portalResNews_list-16023243508811025 {
width: 94.5%;
max-width: 1530px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#c_portalResProduct_list-16037037724380939 .p_Product {
width: calc((100% - 0px)/8);
}
#c_portalResProduct_list-16037037724380939 .p_CommonSummaryBoxA {
text-align: center;
}
#c_portalResProduct_list-16037037724380939 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#c_portalResProduct_list-16037037724380939>div {
animation-fill-mode: both;
}
#c_portalResProduct_list-16037037724380939 .clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0px;
}
#c_portalResProduct_list-16037037724380939 .clearfix:after {
clear: both;
}
#c_portalResProduct_list-16037037724380939 .clearfix {
*zoom: 1px;
}
#c_portalResProduct_list-16037037724380939 .product-list li figure {
background-color: #eee;
height: auto;
display: block;
line-height: normal;
overflow: hidden;
position: relative;
}
#c_portalResProduct_list-16037037724380939 .product-list li figure img {
display: block;
width: 100%;
height: auto;
transition: 424ms linear;
border: 1px solid #f1f3f5;
}
#c_portalResProduct_list-16037037724380939 .product-list li figcaption {
display: block;
color: #5d5d5d;
font-size: 12px;
line-height: 2.5rem;
padding-top: 10px;
transition: 350ms;
text-align: left;
margin-top: 5px;
padding-bottom: 20px;
background: #f1f3f5;
padding-left: 20px;
padding-right: 20px;
white-space: nowrap;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
}
#c_portalResProduct_list-16037037724380939 .product-list li figcaption:after {
font-family: iconfont !important;
content: "\e6b0";
display: inline-block;
background: #024eae;
position: absolute;
color: #fff;
right: 20px;
top: 20px;
font-size: 24px;
padding: 10px;
}
#c_portalResProduct_list-16037037724380939 .product-box .product-down {
float: left;
}
#c_portalResProduct_list-16037037724380939 .product-list li figure mark {
position: absolute;
left: 0px;
top: 0px;
box-sizing: border-box;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
filter: alpha(opacity=20);
z-index: 20;
opacity: 0;
transform: skewX(45deg);
visibility: hidden;
transition: 360ms;
}
#c_portalResProduct_list-16037037724380939 .product-list li figure mark b {
display: block;
width: 46px;
height: 46px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -23px;
margin-top: -23px;
z-index: 30;
}
#c_portalResProduct_list-16037037724380939 .product-list li figure mark b:before {
content: "";
width: 100%;
height: 1px;
background: #024eae;
position: absolute;
left: 0px;
top: 23px;
transform: translateX(-200px);
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
}
#c_portalResProduct_list-16037037724380939 .product-list li figure mark b:after {
content: "";
width: 1px;
height: 100%;
background: #024eae;
position: absolute;
left: 23px;
top: 0px;
transform: translateY(-200px);
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
}
#c_portalResProduct_list-16037037724380939 .product-list li figure mark:before {
content: "";
width: 100%;
height: 0%;
border-left: 3px solid #024eae;
border-right: 3px solid #024eae;
box-sizing: border-box;
position: absolute;
left: 0px;
top: 0px;
transition: 320ms;
}
#c_portalResProduct_list-16037037724380939 .product-list li figure mark:after {
content: "";
width: 0%;
height: 100%;
border-top: 3px solid #024eae;
border-bottom: 3px solid #024eae;
box-sizing: border-box;
position: absolute;
left: 0px;
top: 0px;
transition: 320ms;
}
#c_portalResProduct_list-16037037724380939 .product-list li:hover figure mark {
opacity: 1;
transform: skewX(0);
visibility: visible;
}
#c_portalResProduct_list-16037037724380939 .product-list li:hover figure mark:before {
height: 100%;
transition: 330ms 200ms;
}
#c_portalResProduct_list-16037037724380939 .product-list li:hover figure mark:after {
width: 100%;
transition: 330ms 200ms;
}
#c_portalResProduct_list-16037037724380939 .product-list li:hover figure img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
#c_portalResProduct_list-16037037724380939 .product-list li:hover figure mark b:before {
transition: 355ms 180ms;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
}
#c_portalResProduct_list-16037037724380939 .product-list li:hover figure mark b:after {
transition: 355ms 240ms;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
#c_portalResProduct_list-16037037724380939 .product-list li:hover figcaption {
color: #024eae;
}
#c_portalResProduct_list-16037037724380939 .product-list {
font-size: 0px;
}
@media only screen and (max-width: 768px) {
#c_portalResProduct_list-16037037724380939 .product-list li {
position: relative;
width: calc((100% - 0px)/1);
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 20px;
overflow: hidden;
}
#c_portalResProduct_list-16037037724380939 .product-list li:not(:nth-child(2n)) {
margin-right: 20px;
}
}
@media only screen and (min-width: 769px) {
#c_portalResProduct_list-16037037724380939 .product-list li {
position: relative;
width: calc((100% - 60px)/4) !important;
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 20px;
overflow: hidden;
}
#c_portalResProduct_list-16037037724380939 .product-list li:not(:nth-child(4n)) {
margin-right: 20px;
}
}
#c_portalResProduct_list-16037037724380939 .proUl {
font-size: 0px;
}
#c_portalResProduct_list-16037037724380939 .p_page .pre .iconfont:before {
shadow-angle: 0px;
shadow-distance: 0px;
shadow-angle-ofInset: 0px;
shadow-distance-ofInset: 0px;
}
#c_portalResProduct_list-16037037724380939 .p_page .next .iconfont:before {
shadow-angle: 0px;
shadow-distance: 0px;
shadow-angle-ofInset: 0px;
shadow-distance-ofInset: 0px;
}
#c_portalResProduct_list-16037037724380939 .p_more .iconfont:before {
shadow-angle: 0px;
shadow-distance: 0px;
shadow-angle-ofInset: 0px;
shadow-distance-ofInset: 0px;
}
#c_portalResProduct_list-16037037724380939 .p_loading .iconfont:before {
shadow-angle: 0px;
shadow-distance: 0px;
shadow-angle-ofInset: 0px;
shadow-distance-ofInset: 0px;
}
#c_portalResProduct_list-16037037724380939 .swiper-pagination-bullets {
text-align: center;
}
#c_portalResProduct_list-16037037724380939 .swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 10px;
background: #000;
opacity: .2;
margin: 5px;
}
#c_portalResProduct_list-16037037724380939 .swiper-pagination-bullet-active {
opacity: 1;
width: 30px;
background: #004fac;
}
#c_portalResProduct_list-16037037724380939 {
width: 94.5%;
max-width: 1530px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 3%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1602317876011>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1602317911533>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1603709308229>div>.p_gridbox {
background-image: ;
}
#w_grid-1603709308229 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1603709308229>div {
animation-fill-mode: both;
}
#w_grid-1603709308229>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
@media only screen and (min-width: 769px) {
#w_grid-1603709308229>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1603709308229>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1603709308229>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1603709308229>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0;
}
#w_grid-1603709308229>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1603709308229>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
#w_grid-1603709308229 .p_gridbox {
background-repeat: no-repeat;
background-position: center left;
}
#w_grid-1603709326610>div>.p_gridbox {
overflow: visible;
}
#w_grid-1603709326610 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1603709326610>div {
animation-fill-mode: both;
}
#w_grid-1603709326610>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
margin-left: 0px;
clear: left;
}
@media only screen and (min-width: 769px) {
#w_grid-1603709326610>div>.p_gridbox>.p_gridCell {
margin-bottom: rem;
margin-top: rem;
margin-left: 0px;
}
#w_grid-1603709326610>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1603709326610>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1603709326610>div>.p_gridbox>.p_gridCell {
margin-bottom: 0.6rem;
margin-top: 0.6rem;
margin-left: 0;
}
#w_grid-1603709326610>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1603709326610>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
#w_grid-1602317982647>div>.p_gridbox {
background-color: rgba(255, 255, 255, 1);
}
#w_grid-1602317982647 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1602317982647>div {
animation-fill-mode: both;
}
#w_grid-1602317982647>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
@media only screen and (min-width: 769px) {
#w_grid-1602317982647>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1602317982647>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1602317982647>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
#w_grid-1603709208604>div>.p_gridbox {
background-color: rgba(241, 243, 245, 1);
}
#w_grid-1603709208604 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1603709208604>div {
animation-fill-mode: both;
}
#w_grid-1603709208604>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
@media only screen and (min-width: 769px) {
#w_grid-1603709208604>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0px;
}
#w_grid-1603709208604>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1603709208604>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1603709208604>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0;
}
#w_grid-1603709208604>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1603709208604>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
#w_grid-1603709208616>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0;
clear: left;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
#w_grid-1602324236046 .p_MatteIcon .iconfont:before {
content: '\e602';
}
#w_grid-1602324236046>div {
animation-fill-mode: both;
}
#w_grid-1602324236046>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
margin-left: 0px;
clear: left;
}
@media only screen and (max-width: 768px) {
#w_grid-1602324236046>div>.p_gridbox>.p_gridCell {
margin-bottom: 0.2rem;
margin-top: 2rem;
margin-left: 0;
}
#w_grid-1602324236046>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1602324236046>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
@media only screen and (min-width: 769px) {
#w_grid-1602324236046>div>.p_gridbox>.p_gridCell {
margin-bottom: 2.3rem;
margin-top: 2.3rem;
margin-left: 0px;
}
#w_grid-1602324236046>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0px;
margin-right: 0px;
clear: none;
}
#w_grid-1602324236046>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#w_grid-1602324236046>div>.p_gridbox>.p_gridCell {
margin-bottom: 0rem;
margin-top: 0rem;
margin-left: 0;
}
#w_grid-1602324236046>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
width: 100%;
margin-left: 0;
margin-right: 0;
clear: none;
}
#w_grid-1602324236046>div>.p_gridbox>.p_gridCell:nth-child(1n) {
margin-right: 0;
}
}
#w_grid-1602317876011 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 192px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1602317911533 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1603709308229 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 192px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1603709326610 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 192px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1602317982647 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1603709208604 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1603709208616 {
width: 96%;
max-width: 1550px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 3%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#w_grid-1602324236046 {
width: 100%;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.Form001322 .text::input-placeholder {
color: #cf0014;
}
.Form001322 .text::-webkit-input-placeholder {
/* WebKit browsers */
color: #cf0014;
}
.Form001322 .text:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #cf0014;
}
.Form001322 .text::-moz-placeholder {
/* Mozilla Firefox 19 */
color: #cf0014;
}
.Form001322 .text:-ms-input-placeholder {
/* Internet Explorer 10 */
color: #cf0014;
}
.Form001322 {
background: url(../images/Form001322-bg.png) no-repeat center center/cover;
padding: 5% 0;
}
.Form001322 .auto {
display: flex;
}
.Form001322 .form {
float: left;
width: 60%;
padding: 5% 10%;
background: rgba(207, 0, 20, .92);
}
.Form001322 h2 {
font-size: 48px;
color: #ffffff;
}
.Form001322 p {
font-family: HarmonyOS_Sans_SC_Light;
font-size: 18px;
line-height: 30px;
color: #ffffff;
margin: 25px auto 40px;
}
.Form001322 .text {
width: 96%;
height: 40px;
line-height: 40px;
background-color: #fff;
border: 1px solid #dadada;
padding: 0 10px;
transition: 0.3s;
}
.Form001322 .text:focus {
border-color: #967724;
box-shadow: 0 0 3px #967724;
}
.Form001322 .btn {
cursor: pointer;
width: 96%;
height: 42px;
color: #fff;
background: #ffffff;
color: #333333;
font-size: 16px;
border: none;
border-radius: 0px;
line-height: 30px;
}
.Form001322 td {
padding-bottom: 15px;
position: relative;
}
.Form001322 td:after {
width: 96%;
height: 40px;
border: 1px solid rgba(255, 255, 255, .5);
content: "";
position: absolute;
left: 0;
top: 0
}
.Form001322 .w100 td:after {
display: none
}
.Form001322 .w100 .text {
width: 99%;
}
.Form001322 .w100 .text {
height: auto;
line-height: 24px;
;
padding: 10px
}
.Form001322 .sub td:after {
display: none
}
.Form001322 td.f_name {
text-align: right;
width: 80px;
color: #333;
}
.Form001322 td .fgpws {
float: right;
color: #967823;
font-size: 12px;
}
.Form001322 td.tips,
.Form001322 td.agree {
font-size: 12px;
line-height: 20px;
}
.Form001322 td.tips {
color: #967823;
}
.Form001322 td .blue {
color: blue;
}
.Form001322 .txt {
width: 40%;
float: right;
padding: 5% 5% 2% 5%;
background: rgba(255, 255, 255, .92) url(../images/q3.png) no-repeat right bottom;
}
.Form001322 .txt h2 {
font-size: 48px;
color: #333333;
line-height: 48px;
}
.Form001322 .txt p.desc {
font-family: HarmonyOS_Sans_SC_Light;
font-size: 18px;
line-height: 30px;
color: #333333;
margin: 27px auto 65px;
}
.Form001322 .txt .tels {
font-family: HarmonyOS_Sans_SC_Medium;
height: 50px;
border-left: 2px solid #cf0014;
padding-left: 17px;
}
.Form001322 .txt .tels p {
font-size: 16px;
;
color: #cf0014;
margin: 0 auto;
line-height: 20px;
font-weight: bold;
}
.Form001322 .txt .tels h3 {
font-size: 28px;
font-weight: normal;
color: #cf0014;
line-height: 28px;
line-height: 30px;
}
.Form001322 .txt .conduct {
font-size: 16px;
line-height: 34px;
color: #525b63;
margin-top: 35px;
}
@media(max-width:1000px) {
.Form001322 .form {
padding: 5%;
}
}
@media(max-width:768px) {
.Form001322 .form {
float: none;
width: auto;
}
.Form001322 td {
/* padding-bottom: 0; */
}
.Form001322 .auto {
display: inline-block;
width: 100%;
}
.Form001322 .txt {
width: 100%;
}
.Form001322 {
background-size: cover;
}
.Form001322 h2,
.Form001322 .txt h2 {
font-size: 30px;
}
}
.auto {
width: 96%;
max-width: 1440px;
}
.auto {
margin: 0 auto;
}
/**/
/**/
.edgebj2{height:1450px;}
.edgebj2 .content{width:1200px;margin: 0 auto;}
/*.edge2{padding-top:99px;}*/
.edge2 h3{text-align: center; width:623px; margin:0 auto 53px; font-size: 40px;font-weight:bold;height:77px;line-height:50px;color:#333333; position: relative;padding:0 100px;}
.edge2 h3 i{font-size:50px; color:#17494a;font-style: italic;margin:0 5px;}
.edge2 h3:before{width:100px; height:7px;background:url(../images/xt1.png) no-repeat center; content:"";position:absolute; left:0; top:25px; }
.edge2 h3:after{width:100px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position:absolute; right:0; top:25px;}
.edge2 .edt1{height:600px; position: relative;}
.edge2 .edt1 .ed1{height:300px;}
.edge2 .edt1 .ed1 .e1{width:600px; height:300px;padding-top:52px;padding-left:92px;border:1px solid #d9d9d9;float:left;box-sizing:border-box;}
.edge2 .edt1 .ed1 .e1 span{display: block; height:60px; line-height: 47px; background:url(../images/xt6.jpg) no-repeat left bottom; margin-bottom: 28px;}
.edge2 .edt1 .ed1 .e1 span em{display: block;width:402px;font-size: 30px; color:#17494a;background:url(../images/01.png) no-repeat right;}
.edge2 .edt1 .ed1 .e1 span em i{font-weight: bold; font-size: 30px; color:#17494a;margin-left: 18px;}
.edge2 .edt1 .ed1 .e1 p{font-size: 14px; color:#333333; width:411px;}
.edge2 .edt1 .ed1 strong{float:right;width: 600px;}
.edge2 .edt1 .ed1 strong.a{
display:none;
}
.edge2 .edt1 .ed2{height:300px; }
.edge2 .edt1 .ed2 strong{display: block; width:600px; height:300px;float:left;}
/*.edge2 .edt1 .ed2 strong img{width:600px; height:300px;}*/
.edge2 .edt1 .ed2 .e2{width:600px; height:300px;background:#FFF;padding-top:52px;padding-left:92px;float:left;box-sizing:border-box;}
.edge2 .edt1 .ed2 .e2 span{display: block; height:60px; line-height: 47px; background:url(../images/xt6.jpg) no-repeat left bottom; margin-bottom: 28px;}
.edge2 .edt1 .ed2 .e2 span em{display: block;width:420px;font-size: 30px; color:#17494a;background:url(../images/02.png) no-repeat right;}
.edge2 .edt1 .ed2 .e2 span em i{font-weight: bold; font-size: 30px; color:#17494a;margin-left: 18px;}
.edge2 .edt1 .ed2 .e2 p{font-size: 14px; color:#333333; width:420px;}
.edge2 .edt2{height:599px; position: relative;}
.edge2 .edt2 .ed4{height:300px;}
.edge2 .edt2 .ed4 strong{display: block;width:600px; height:300px; float:left;}
/*.edge2 .edt2 .ed4 strong img{width:600px; height:300px;}*/
.edge2 .edt2 .ed4 .e4{width:600px; height:300px;background:#FFF;padding-top:52px;padding-left:92px;float:left;border:1px solid #d9d9d9;box-sizing:border-box;position: absolute; right:0; bottom:0;}
.edge2 .edt2 .ed4 .e4 span{display: block; height:60px; line-height: 47px; background:url(../images/xt6.jpg) no-repeat left bottom; margin-bottom: 28px;}
.edge2 .edt2 .ed4 .e4 span em{display: block;width:402px;font-size: 30px; color:#17494a;background:url(../images/04.png) no-repeat right;}
.edge2 .edt2 .ed4 .e4 span em i{font-weight: bold; font-size: 30px; color:#17494a;margin-left: 18px;}
.edge2 .edt2 .ed4 .e4 p{font-size: 14px; color:#333333; width:420px;}
.edge2 .edt2 .ed3{height:300px; z-index:100;}
.edge2 .edt2 .ed3 strong{display: block; width:600px; height:298px;float:left;}
.edge2 .edt2 .ed3 strong.a{
display: none;
}
/*.edge2 .edt2 .ed3 strong img{width:600px; height:300px;}*/
.edge2 .edt2 .ed3 .e3{width:600px; height:300px;padding-top:52px;padding-left:92px;float:left;box-sizing:border-box;background:#fdd900;}
.edge2 .edt2 .ed3 .e3 span{display: block; height:60px; line-height: 47px; background:url(../images/xt6.jpg) no-repeat left bottom; margin-bottom: 28px;}
.edge2 .edt2 .ed3 .e3 span em{display: block;width:402px;font-size: 30px; color:#0b0b0b;background:url(../images/03.png) no-repeat right;}
.edge2 .edt2 .ed3 .e3 span em i{font-weight: bold; font-size: 30px; color:#0b0b0b;margin-left: 18px;}
.edge2 .edt2 .ed3 .e3 p{font-size: 14px; color:#0b0b0b; width:420px;}
.edge2 .edt2 .ed3 .sk{display: block;width:360px; height:300px;background:#fdd900; position: absolute;top:0; left:-360px;}
@media screen and (max-width: 767px) {
.edge2{
padding-top: 20px;
}
.edge2 h3{
font-size: 32px;
width: 100%;
}
.edgebj2 .content{
width:100%;
}
.edge2 .edt1 .ed1 .e1 span em,.edge2 .edt1 .ed1 .e1 span em i,.edge2 .edt1 .ed2 .e2 span em,.edge2 .edt1 .ed2 .e2 span em i,.edge2 .edt2 .ed3 .e3 span em,.edge2 .edt2 .ed3 .e3 span em i,.edge2 .edt2 .ed4 .e4 span em,.edge2 .edt2 .ed4 .e4 span em i{
font-size: 24px;
background-size: 50px;
width: 100%;
}
.edge2 .edt1 .ed1 .e1,.edge2 .edt1 .ed2 .e2,.edge2 .edt2 .ed3 .e3,.edge2 .edt2 .ed4 .e4{
padding: 30px ;
width: 100%;
height: auto;
border: none;
float:none;
}
.edge2 .edt1 .ed1 strong, .edge2 .edt1 .ed2 strong,.edge2 .edt2 .ed3 strong,.edge2 .edt2 .ed4 strong{
width: 100%;
height:auto;
float: none;
}
.edge2 .edt1 .ed1 .e1 p,.edge2 .edt1 .ed2 .e2 p,.edge2 .edt2 .ed3 .e3 p,.edge2 .edt2 .ed4 .e4 p{
width: 100%;
font-size: 18px;
}
.edge2 .edt1 .ed1 .e1 span,.edge2 .edt1 .ed2 .e2 span,.edge2 .edt2 .ed3 .e3 span,.edge2 .edt2 .ed4 .e4 span{
text-align: center;
background-position: center bottom;
}
.edgebj2,.edge2 .edt1 .ed1,.edge2 .edt1 .ed2,.edge2 .edt1,.edge2 .edt2,.edge2 .edt2 .ed3,.edge2 .edt2 .ed4 {
height: auto;
}
.edge2 .edt1 .ed1 strong img, .edge2 .edt1 .ed2 strong img, .edge2 .edt2 .ed3 strong img, .edge2 .edt2 .ed4 strong img{
width: 100%;
}
.edge2 .edt2 .ed4 .e4{
position: relative;
}
.edge2 .edt1 .ed1 strong,.edge2 .edt2 .ed3 strong{
display: none;
}
.edge2 .edt1 .ed1 strong.a,.edge2 .edt2 .ed3 strong.a{
display:block;
}
}
@media screen and (max-width: 458px) {
.edge2 .edt1 .ed1 .e1 span em, .edge2 .edt1 .ed1 .e1 span em i, .edge2 .edt1 .ed2 .e2 span em, .edge2 .edt1 .ed2 .e2 span em i, .edge2 .edt2 .ed3 .e3 span em, .edge2 .edt2 .ed3 .e3 span em i, .edge2 .edt2 .ed4 .e4 span em, .edge2 .edt2 .ed4 .e4 span em i{
font-size: 20px;
background:none;
}
.edge2 h3 i{
font-size: 30px;
}
.edge2 h3{
font-size: 22px;
}
.edge2 .edt1 .ed1 .e1 p, .edge2 .edt1 .ed2 .e2 p, .edge2 .edt2 .ed3 .e3 p, .edge2 .edt2 .ed4 .e4 p{
font-size: 14px;
}
}
/*banner*/
.c_portalResProduct_list-16037037724380939_swiper .control-btn {position: absolute;height: 128px;width: 64px;background-color: rgba(194,200,204,.5);top: 50%;margin-top: -64px;z-index: 400;transition: all .4s;cursor: pointer;}
/* .c_portalResProduct_list-16037037724380939_swiper .swiper-control:hover .control-btn{opacity: 1} */
.c_portalResProduct_list-16037037724380939_swiper .swiper-control{position: absolute;top: 0;z-index: 300;width:60px;height:100%}
.c_portalResProduct_list-16037037724380939_swiper .swiper-arrow-left{left:-60px;}
.c_portalResProduct_list-16037037724380939_swiper .swiper-arrow-right{right:-60px;}
.c_portalResProduct_list-16037037724380939_swiper .swiper-banner-prev{background-size:12px;left:0; background-repeat:no-repeat;/*background-image:url(../images/arrow-left.png);*/ background-position:40% center;border-top-right-radius: 64px;border-bottom-right-radius: 64px; background-size:30px;}
.c_portalResProduct_list-16037037724380939_swiper .swiper-banner-next{background-size:12px;right:0;background-repeat:no-repeat;/*background-image:url(../images/arrow-right.png);*/ background-position:60% center;border-top-left-radius: 64px;border-bottom-left-radius: 64px; background-size:30px;}
.c_portalResProduct_list-16037037724380939_swiper .swiper-button-prev:after, .c_portalResProduct_list-16037037724380939_swiper .swiper-container-rtl .swiper-button-next:after,
.c_portalResProduct_list-16037037724380939_swiper .swiper-button-next:after, .c_portalResProduct_list-16037037724380939_swiper .swiper-container-rtl .swiper-button-prev:after{ color:#fff;}
.c_portalResProduct_list-16037037724380939_swiper .swiper-button-next, .c_portalResProduct_list-16037037724380939_swiper .swiper-button-prev{width:55px;height:55px;margin-top:-27.5px;}
.c_portalResProduct_list-16037037724380939_swiper .swiper-button-prev, .c_portalResProduct_list-16037037724380939_swiper .swiper-container-rtl .swiper-button-next{left:60px;background:url(../images/arrow-left.png) no-repeat center #fff; background-size:14px;}
.c_portalResProduct_list-16037037724380939_swiper .swiper-button-next, .c_portalResProduct_list-16037037724380939_swiper .swiper-container-rtl .swiper-button-prev{right:60px;background:url(../images/arrow-right.png) no-repeat center #fff; background-size:14px;}
#c_static_679-1662011971348 {
background-fill-value: background-image;
background-image: url(../images/53bc0e36-f31f-42b2-af71-109d15cf74fa.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-top: 0px;
display-radio: 1;
min-height: 0px;
padding-bottom: 5%
}
#c_static_679-1662011971348 .e_container-5 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: auto;
margin-left: auto;
margin-right: auto;
display-radio: flex
}
#c_static_679-1662011971348 .e_container-5 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_container-5 .cbox-5-0 {
flex: 0 0 66.3%;
align-self: center;
padding-right: 5px;
padding-left: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-5 .cbox-5-1 {
flex: 0 0 33.7%;
padding-left: 18px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-8 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-top: 60px;
margin-bottom: 60px
}
#c_static_679-1662011971348 .e_container-8 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_text-9 {
line-height: 1.5;
font_radio: 2;
font-size: 36px;
text-align: center;
font-family: Microsoft YaHei;
color: rgba(255,255,255,1);
display-radio: 1;
font-weight: bold
}
#c_static_679-1662011971348 .e_text-10 {
line-height: 1.5;
font_radio: 2;
font-size: 18px;
font-family: Microsoft YaHei;
text-align: center;
font-weight: 300;
color: rgba(255,255,255,1);
display-radio: 1;
margin-top: 1%
}
#c_static_679-1662011971348 .e_container-12 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background-color: rgb(243 186 83);
min-height: 0px;
max-width: 560px;
margin-right: 0px;
margin-left: auto;
overflow: hidden
}
.e_container-12:hover .e_image-14 {
opacity: 0.2;
transition: all .5s;
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
#c_static_679-1662011971348 .e_container-12 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_richText-13 {
font_radio: 2;
font-size: 30px;
color: rgba(255,255,255,1);
line-height: 1;
font-family: Microsoft JhengHei;
margin-top: 40px;
padding-left: 40px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
font-weight: bold
}
#c_static_679-1662011971348 .e_image-14 {
overflow: hidden;
max-width: none;
width: 100%;
transition: all .5s;
display-radio: 1
}
#c_static_679-1662011971348 .e_image-14 img {
width: 100%;
height: 100%;
object-fit: contain
}
#c_static_679-1662011971348 .e_container-18 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background-color: rgb(243 186 83);
min-height: 0px;
max-width: 1140px;
margin-right: auto;
margin-left: 0px;
overflow: hidden;
display-radio: flex;
padding-right: 0px;
padding-left: 0px
}
#c_static_679-1662011971348 .e_container-18:hover .e_image-14 {
opacity: 0.2;
transition: all .5s
}
#c_static_679-1662011971348 .e_container-18 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_richText-19 {
font_radio: 2;
font-size: 30px;
color: rgba(255,255,255,1);
line-height: 1;
font-family: Microsoft JhengHei;
margin-top: 40px;
padding-left: 40px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
display-radio: 1;
font-weight: bold
}
.e_container-18:hover .e_image-20 {
opacity: 0.2;
transition: all .5s;
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
#c_static_679-1662011971348 .e_image-20 {
overflow: hidden;
max-width: none;
width: 100%;
transition: all .5s;
min-height: 0px
}
#c_static_679-1662011971348 .e_image-20 img {
width: 100%;
height: 100%;
object-fit: contain
}
#c_static_679-1662011971348 .e_container-21 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 0px;
display-radio: flex;
max-width: none;
width: auto
}
#c_static_679-1662011971348 .e_container-21 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-0 {
flex: 0 0 33.33%;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-1 {
flex: 0 0 33.33%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-2 {
flex: 0 0 33.33%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-3 {
flex: 0 0 33.33%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-4 {
flex: 0 0 33.33%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-5 {
flex: 0 0 33.33%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-22 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background-color: rgb(243 186 83);
min-height: 0px;
max-width: none;
margin-right: auto;
margin-left: 0px;
margin-top: 0px;
overflow: hidden;
display-radio: flex
}
#c_static_679-1662011971348 .e_container-22:hover .e_image-24 {
opacity: 0.2;
transition: all .5s;
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
#c_static_679-1662011971348 .e_container-22 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_richText-23 {
font_radio: 2;
font-size: 30px;
color: rgba(255,255,255,1);
line-height: 1;
font-family: Microsoft JhengHei;
margin-top: 40px;
padding-left: 40px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
font-weight: bold
}
.e_container-12:hover .e_image-24 {
opacity: 0.2;
transition: all .5s
}
#c_static_679-1662011971348 .e_image-24 img {
width: 100%;
height: 100%;
object-fit: contain
}
.e_container-18:hover #c_static_679-1662011971348 .e_image-24 {
opacity: 0.2;
transition: all .5s;
overflow: hidden;
max-width: 560px;
width: 100%;
display-radio: 1
}
#c_static_679-1662011971348 .e_container-25 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background-color: rgb(243 186 83);
min-height: 0px;
max-width: none;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
overflow: hidden;
display-radio: flex
}
#c_static_679-1662011971348 .e_container-25:hover .e_image-27 {
opacity: 0.2;
transition: all .5s;
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
#c_static_679-1662011971348 .e_container-25 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_richText-26 {
font_radio: 2;
font-size: 30px;
color: rgba(255,255,255,1);
line-height: 1;
font-family: Microsoft JhengHei;
margin-top: 40px;
padding-left: 40px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
font-weight: bold
}
.e_container-12:hover #c_static_679-1662011971348 .e_image-27 {
opacity: 0.2;
transition: all .5s;
overflow: hidden;
max-width: 560px;
width: 100%;
display-radio: 1
}
#c_static_679-1662011971348 .e_image-27 img {
width: 100%;
height: 100%;
object-fit: contain
}
.e_container-25 .e_image-27 {
transition: all .5s
}
#c_static_679-1662011971348 .e_container-28 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background-color: rgb(243 186 83);
min-height: 0px;
max-width: none;
margin-right: 0px;
margin-left: auto;
padding-top: 0px;
margin-top: 0px;
overflow: hidden;
display-radio: flex
}
#c_static_679-1662011971348 .e_container-28:hover .e_image-14 {
opacity: 0.2;
transition: all .5s
}
#c_static_679-1662011971348 .e_container-28 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_richText-29 {
font_radio: 2;
font-size: 30px;
color: rgba(255,255,255,1);
line-height: 1;
font-family: Microsoft JhengHei;
margin-top: 40px;
padding-left: 40px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
font-weight: bold
}
.e_container-28:hover .e_image-30 {
opacity: 0.2;
transition: all .5s;
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
#c_static_679-1662011971348 .e_image-30 {
overflow: hidden;
max-width: 560px;
width: 100%;
transition: all .5s;
display-radio: 1
}
#c_static_679-1662011971348 .e_image-30 img {
width: 100%;
height: 100%;
object-fit: contain
}
.e_container-18:hover .e_image-30 {
opacity: 0.2;
transition: all .5s
}
#c_static_679-1662011971348 .e_image-43 {
overflow: hidden
}
#c_static_679-1662011971348 .e_image-43 img {
width: 100%;
height: 100%;
object-fit: contain
}
#c_static_679-1662011971348.response-animated .e_richText-29 {
animation-name: none,none;
animation-delay: 0.0s,0.6s;
animation-duration: 0.6s,0.6s;
animation-iteration-count: 1,1
}
#c_static_679-1662011971348 .e_container-5 .p_item {
display-radio: 1
}
#c_static_679-1662011971348 .e_container-44 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 90%;
display-radio: flex;
max-width: 1600px;
margin-left: auto;
margin-right: auto
}
#c_static_679-1662011971348 .e_container-44 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_container-44 .p_item {
display-radio: 1;
position:relative;
}
#c_static_679-1662011971348 .e_container-44 .p_item a{
color: rgba(255,255,255,1);
}
#c_static_679-1662011971348 .e_container-44 .cbox-44-0 {
flex: 0 0 17.3%
}
#c_static_679-1662011971348 .e_container-45 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background-color: rgb(243 186 83);
min-height: 0px;
max-width: 1140px;
margin-right: auto;
margin-left: 0px;
overflow: hidden;
display-radio: flex;
padding-right: 0px;
padding-left: 0px
}
#c_static_679-1662011971348 .e_container-45:hover .e_image-14 {
opacity: 0.2;
transition: all .5s
}
#c_static_679-1662011971348 .e_container-45 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_container-45:hover .e_image-47 {
opacity: 0.2;
transition: all .5s;
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
#c_static_679-1662011971348 .e_container-45:hover .e_image-24 {
opacity: 0.2;
transition: all .5s;
overflow: hidden;
max-width: 560px;
width: 100%;
display-radio: 1
}
#c_static_679-1662011971348 .e_container-45:hover .e_image-30 {
opacity: 0.2;
transition: all .5s
}
#c_static_679-1662011971348 .e_richText-46 {
font_radio: 2;
font-size: 30px;
color: rgba(255,255,255,1);
line-height: 1;
font-family: Microsoft JhengHei;
margin-top: 40px;
padding-left: 40px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
display-radio: 1;
font-weight: bold
}
#c_static_679-1662011971348 .e_image-47 {
overflow: hidden;
max-width: none;
width: 100%;
transition: all .5s;
min-height: 0px
}
#c_static_679-1662011971348 .e_image-47 img {
width: 100%;
height: 100%;
object-fit: contain
}
#c_static_679-1662011971348 .e_container-49 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background-color: rgb(243 186 83);
min-height: 0px;
max-width: none;
margin-right: 0px;
margin-left: auto;
padding-top: 0px;
margin-top: 0px;
overflow: hidden;
display-radio: flex
}
#c_static_679-1662011971348 .e_container-49:hover .e_image-14 {
opacity: 0.2;
transition: all .5s
}
#c_static_679-1662011971348 .e_container-49 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_container-49:hover .e_image-51 {
opacity: 0.2;
transition: all .5s;
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
#c_static_679-1662011971348 .e_richText-50 {
font_radio: 2;
font-size: 30px;
color: rgba(255,255,255,1);
line-height: 1;
font-family: Microsoft JhengHei;
margin-top: 40px;
padding-left: 40px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
font-weight: bold
}
#c_static_679-1662011971348 .e_image-51 {
overflow: hidden;
max-width: 560px;
width: 100%;
transition: all .5s;
display-radio: 1
}
#c_static_679-1662011971348 .e_image-51 img {
width: 100%;
height: 100%;
object-fit: contain
}
#c_static_679-1662011971348 .e_container-52 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 0px;
display-radio: flex;
max-width: none;
width: auto
}
#c_static_679-1662011971348 .e_container-52 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-0 {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-1 {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-2 {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-3 {
flex: 0 0 33.33%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-4 {
flex: 0 0 33.33%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-5 {
flex: 0 0 33.33%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-54 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background-color: rgb(243 186 83);
min-height: 0px;
max-width: none;
margin-right: 0px;
margin-left: auto;
padding-top: 0px;
margin-top: 0px;
overflow: hidden;
display-radio: flex
}
#c_static_679-1662011971348 .e_container-54:hover .e_image-14 {
opacity: 0.2;
transition: all .5s
}
#c_static_679-1662011971348 .e_container-54 > .p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_679-1662011971348 .e_container-54:hover .e_image-56 {
opacity: 0.2;
transition: all .5s;
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
#c_static_679-1662011971348 .e_richText-55 {
font_radio: 2;
font-size: 30px;
color: rgba(255,255,255,1);
line-height: 1;
font-family: Microsoft JhengHei;
margin-top: 40px;
padding-left: 40px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
font-weight: bold
}
#c_static_679-1662011971348 .e_image-56 {
overflow: hidden;
max-width: 560px;
width: 100%;
transition: all .5s;
display-radio: 1
}
#c_static_679-1662011971348 .e_image-56 img {
width: 100%;
height: 100%;
object-fit: contain
}
@media screen and (max-width: 768px) {
#c_static_679-1662011971348 {
display-radio:1;
margin-top: 50px;
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px
}
#c_static_679-1662011971348 .e_text-9 {
display-radio: 1;
font_radio: 2;
font-size: 30px;
color: rgba(255,255,255,1);
line-height: 1.5
}
#c_static_679-1662011971348 .e_text-10 {
display-radio: 1;
font_radio: 2;
font-size: 16px;
color: rgba(255,255,255,1);
line-height: 1.5;
font-weight: normal
}
#c_static_679-1662011971348 .e_container-5 {
display-radio: 1;
flex-direction: row
}
#c_static_679-1662011971348 .e_container-5 .cbox-5-0 {
flex: 0 0 50%;
align-self: center;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_container-5 .cbox-5-1 {
flex: 0 0 50%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px
}
#c_static_679-1662011971348 .e_image-24 {
display-radio: 1
}
#c_static_679-1662011971348 .e_container-21 {
display-radio: 1;
padding-bottom: 0px
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-0 {
flex: 0 0 50%
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-1 {
flex: 0 0 50%
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-2 {
flex: 0 0 50%;
display: none
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-3 {
flex: 0 0 50%
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-4 {
flex: 0 0 50%
}
#c_static_679-1662011971348 .e_container-21 .cbox-21-5 {
flex: 0 0 50%;
align-self: center
}
#c_static_679-1662011971348 .e_image-20 {
display-radio: 1;
display: none
}
#c_static_679-1662011971348 .e_richText-19 {
display-radio: 1;
font_radio: 2;
font-size: 20px;
color: rgba(255,255,255,1);
line-height: 1;
margin-top: 10px;
padding-left: 10px
}
#c_static_679-1662011971348 .e_richText-13 {
display-radio: 1;
font_radio: 2;
font-size: 20px;
color: rgba(255,255,255,1);
line-height: 1;
padding-top: 0px;
padding-left: 10px;
margin-top: 10px
}
#c_static_679-1662011971348 .e_richText-23 {
display-radio: 1;
font_radio: 2;
font-size: 20px;
color: rgba(255,255,255,1);
line-height: 1;
padding-left: 10px;
margin-top: 10px
}
#c_static_679-1662011971348 .e_richText-26 {
display-radio: 1;
font_radio: 2;
font-size: 20px;
color: rgba(255,255,255,1);
line-height: 1;
padding-left: 10px;
margin-top: 10px
}
#c_static_679-1662011971348 .e_richText-29 {
display-radio: 1;
font_radio: 2;
font-size: 20px;
color: rgba(255,255,255,1);
line-height: 1;
padding-left: 10px;
margin-top: 10px
}
#c_static_679-1662011971348 .e_container-8 {
display-radio: 1;
padding-top: 40px;
margin-bottom: 40px;
width: 90%
}
#c_static_679-1662011971348 .e_richText-46 {
display-radio: 1;
font_radio: 2;
font-size: 20px;
color: rgba(255,255,255,1);
line-height: 1;
margin-top: 10px;
padding-left: 10px
}
#c_static_679-1662011971348 .e_image-47 {
display-radio: 1;
display: none
}
#c_static_679-1662011971348 .e_container-44 {
display-radio: 1;
flex-direction: column;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
width: auto;
max-width: none
}
#c_static_679-1662011971348 .e_container-45 {
display-radio: 1;
display: none
}
#c_static_679-1662011971348 .e_image-30 {
display-radio: 1
}
#c_static_679-1662011971348 .e_container-28 {
display-radio: 1;
display: none
}
#c_static_679-1662011971348 .e_container-49 {
display-radio: 1
}
#c_static_679-1662011971348 .e_richText-50 {
display-radio: 1;
font_radio: 2;
font-size: 20px;
color: rgba(255,255,255,1);
line-height: 1;
padding-left: 10px;
margin-top: 10px
}
#c_static_679-1662011971348 .e_image-51 {
display-radio: 1
}
#c_static_679-1662011971348 .e_container-52 {
display-radio: 1;
padding-bottom: 30px
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-0 {
flex: 0 0 50%
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-1 {
flex: 0 0 50%
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-2 {
flex: 0 0 50%
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-3 {
flex: 0 0 50%
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-4 {
flex: 0 0 50%
}
#c_static_679-1662011971348 .e_container-52 .cbox-52-5 {
flex: 0 0 50%;
align-self: center
}
#c_static_679-1662011971348 .e_container-54 {
display-radio: 1
}
#c_static_679-1662011971348 .e_richText-55 {
display-radio: 1;
font_radio: 2;
font-size: 20px;
color: rgba(255,255,255,1);
line-height: 1;
padding-left: 10px;
margin-top: 10px
}
#c_static_679-1662011971348 .e_image-56 {
display-radio: 1
}
#c_static_679-1662011971348 .e_container-18 {
display-radio: 1;
padding-right: 0px;
margin-right: 00px
}
#c_static_679-1662011971348 .e_image-14 {
display-radio: 1
}
#c_static_679-1662011971348 .e_container-12 {
display-radio: 1;
margin-left: auto;
margin-right: auto;
padding-left: 0px
}
#c_static_679-1662011971348 .e_container-5 .p_item {
display-radio: 1
}
}
@media screen and (max-width: 1024px) {
#c_static_679-1662011971348 .e_richText-19,#c_static_679-1662011971348 .e_richText-46,#c_static_679-1662011971348 .e_richText-13,#c_static_679-1662011971348 .e_richText-23,#c_static_679-1662011971348 .e_richText-26,#c_static_679-1662011971348 .e_richText-29{
font-size: 24px;
}
}
@media screen and (min-width: 769px) {
#c_static_679-1662011971348 .e_image-43 {
display:none
}
#c_static_679-1662011971348 .e_container-52 {
display: none
}
}